在vs code中使用typescript

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代码便可实现