npm install -g typescript
index.ts文件
let test: string = "test";
通过tsc编译成index.js
tsc index.ts
编译后的index.js文件
var test = "test";
注意:
1.通过tsc默认编译成的js版本默认是es3版本
2.编译之后会发现原来的index.ts文件报错了,显示无法重复声明test,是因为如果代码中没有使用模块化语句(import、export),便认为该代码是全局执行的,编译后的index.js中声明了一个变量test,所以在index.ts又声明了一个test就会报错
3.tsc默认的运行环境为dom
配置TypeScript需要创建一个tsconfig.json文件可以手动创建也可以通过tsc创建
tsc --init // 创建tsconfig.json文件
配置项
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"outDir": "./dist",
"lib": ["ES2016"]
},
"include": ["./src"],
}
注意:
使用了配置文件后编译ts文件后面就不能加上文件名,如果加上了文件名就会忽略配置文件
安装:
npm i -g ts-node nodemon
启动:
nodemon --watch src -e ts --exec ts-node src/index.ts
–watch src::表示只监听src下的文件
-e ts:表示只监听ts结尾的文件