安装Typescript&＃xff1a;
使用npm安装:
查看版本&＃xff1a;
选择可手的IDE&＃xff1a;
Typescript的编写&＃xff0c;在Visual Studio和Webstrorm上都能得到较好的代码支持,这里推荐两篇博文&＃xff0c;让大家可以方便地进行配置&＃xff1a;
Visual Studio Code&＃xff1a;http://www.cnblogs.com/sunjie9606/p/5945540.html
Webstorm:http://blog.chinaunix.net/uid-30198739-id-5739410.html
官网在线Compiler&＃xff1a;http://www.typescriptlang.org/play/index.html
Typescript编译配置-tsconfig.json
1 {
2 "compilerOptions": {
3 "module": "commonjs",
4 "target": "es5", //编译之后生成的Javascript文件需要遵循的标准。有三个候选项&＃xff1a;es3、es5、es2015。
5 "noImplicitAny": false, //为false时&＃xff0c;如果编译器无法根据变量的使用来判断类型时&＃xff0c;将用any类型代替。为true时&＃xff0c;将进行强类型检查&＃xff0c;无法推断类型时&＃xff0c;提示错误。
6 "sourceMap": true, //编译时是否生成对应的source map文件。这个文件主要用于前端调试。当前端js文件被压缩引用后&＃xff0c;出错时可借助同名的source map文件查找源文件中错误位置。
7 "allowJs": true
8 }
9 ,
10 "exclude": [
11 "node_modules"
12 ]
13 }
- Typescript的编译是按照这些设定的规则去将“.ts”文件转化成符合要求的“.js”文件
Typescript "HelloWorld"
greeter.ts
greeter.js
running result:
tsconfig中target不同的属性值的效果
Before Compilation(TS):
After Compilation(JS):
ES3:
ES5:
ES6:
- 使得你不需要再去担心浏览器对你的JS代码的兼容&＃xff0c;浏览器需要哪一个Version的Javascript那么我们就即刻编译提供
- 不用再去纠结prototype和_proto相关的原型链问题
京公网安备 11010802041100号