1.打开命令行,键入npm i -g typescript 全局安装TS
2继续在命令行环境下键入 tsc -init 进行初始化,
你会发现根目录下多了 tsconfig.json 的文件,记录了编译成JS的选项
3打开该文件,会发现主要选项已经帮你设置好了,比较常用的设置是
”target” : 编译为何种规范,一般设置为 ES5 或者 ES2016/2017
“outdir” : 输出目录
“alwaysStrict” : 打开严格模式 (‘use strict’)
"module": "amd", //如果你的vscode终端是wsl, powershell,base都有可能不成功,默认的cmd是可以的,
命令行下输入 code . 打开VSCode进入该目录,按下 Ctrl+shift+B 快捷键会进行编译,初次编译会选择编译模式
监视模式 是每当TS文件有变动就会自动编译,构建模式是手动命令编译时才会去编译,这里选择监视模式
![](https://img.haomeiwen.com/i7492009/210a05c6455d8725.jpg)
这里我们选择监视模式,直接ctrl+s保存就可以了,不用每次都手动敲命令了,很方便吧
网友评论