安装 ↓
npm install -g typescript
查询typescript版本 ↓ (两种方式)
①
npm view typescript version
②
tsc -v
因为浏览器无法直接解析ts文件,需要先将.ts文件编译成.js文件。
可以手动编译,也可以直接在编辑器内进行自动编译的设置。
在ts文件的上级目录下,小黑窗输入 ↓
tsc --init
打开vscode编辑器,对上一步自动生成的 tsconfig.json文件进行修改,如下图 ↓


(a1步骤 ↓)
接着对vscode进行设置 ↓ 终端 --> 运行任务 --> tsc:监视


(a1步骤 ↑)
此时,如果出现以下报错 ↓

set-ExecutionPolicy RemoteSigned
选择y或a即可。如图 ↓


tada~~
准备工作已经做好,vscode也可自动编译啦~
网友评论