1、安装typescript
npm install -g typescript
2、在本地建立一个工文件夹,使用vscode打开
3、初始化package.json,执行
npm init
4、初始化 tsconfig.json ,执行
tsc –init
5、修改tsconfig.json文件内容
-
{
-
"compilerOptions": {
-
"module":
"commonjs",
-
"target":
"es5",
-
"sourceMap":
true,
-
"outDir":
"js"
//你要生成js的目录,可自由命名
-
},
-
"exclude": [
-
"node_modules"
-
]
-
}
6、分别建立src(ts代码存放位置),js (ts编译成js存放的位置),html(html代码存放的位置)文件夹,在src和html文件夹下分别建立index.ts 和index.html
7、建立在保存的时候自动编译ts代码生产js文件,使用ctrl+shift+b,选择tsconfig.json 监视,
8、在html中引入js文件夹下的js文件,在浏览器中打开html代码便可实现