TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。与js最大的区别就是ts添加了可选的静态类型和基于类的面向对象编程。TypeScript在浏览器中无法直接使用,因此我们需要吧ts编译成常规的JavaScript。
下面跟大家分享的是怎么在vs2017中将ts编译为js。
1、新增TypeScript配置文件。
在项目的根目录中,新增一个typescript配置文件。
tsconfig.json。
{
"compilerOptions": {
"noImplicitAny": false,
"noEmitOnError": true,
"removeComments": false,
"sourceMap": true,
"target": "es5"
},
"exclude": [
"node_modules",
"wwwroot"
]
}
2、新建一个TypeScript文件。
test.ts
let testStr: string = "使用vs2017将ts文件编译成js文件";
function testPrint() {
alert(testStr);
}
3、编译成js。
ts文件保存后,生成项目,就可以在同目录下生成对用名字的js文件test.js,同时会生成一个test.js.map。方便调试跟踪。
test.js
var testStr = "使用vs2017将ts文件编译成js文件";
function testPrint() {
alert(testStr);
}