-
通过cmd窗口,安装ts
npm install -g typescript
安装后,输入
tsc -v
检验ts版本,检视是否安装成功 -
vs code新建一个ts文件
-
配置ts->js的自动编译
① vs code打开ts文件所在的文件夹,
② cmd跳转ts文件所在的文件夹的路径,
输入 tsc --init
生成了tsconfig.js配置文件
③ 修改配置文件的"outDir"
即修改编译完成的js文件存储路径
④ 在配置文件中,终端->运行任务->typescript->监听config文件
vs code终端窗口显示已经启动监听
⑤ 编写ts文件,保存,发现自动生成js文件夹,内有编译好的js文件
遇到问题:
在第4步中,显示任务监听端口被重用
解决方法1: 关闭360
解决方法2:vs code安装“Blade Runner - Run Task When Open
”插件也可
其他
自动配置的其他方法:
在配置文件中,终端->配置默认生成任务->typescript->监听config文件
这样则会自动生成.vscode文件夹,内含tasks.json文件
网友评论