ts 准备工作,及自动编译

2020-12-18  本文已影响0人  牛会骑自行车

安装 ↓

npm install -g typescript

查询typescript版本 ↓ (两种方式)

npm view typescript version

tsc -v

因为浏览器无法直接解析ts文件,需要先将.ts文件编译成.js文件。
可以手动编译,也可以直接在编辑器内进行自动编译的设置。

在ts文件的上级目录下,小黑窗输入 ↓

tsc --init
打开vscode编辑器,对上一步自动生成的 tsconfig.json文件进行修改,如下图 ↓ 修改后 ↓

(a1步骤 ↓)

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

(后一个步骤时如果没有出现“tsc监视”,在框里输入typescript进行搜索即可)

(a1步骤 ↑)

此时,如果出现以下报错 ↓ 进行以下操作 ↓ 出现蓝框后,输入
set-ExecutionPolicy RemoteSigned
选择y或a即可。如图 ↓ 在重新操作(a1步骤)之后,即可自动生成一个装着自动编译过后js文件的js文件夹 ↓

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

上一篇 下一篇

猜你喜欢

热点阅读