阅读模式:

TypeScript筑基笔记一:Visual Studio Code 创建Typescript文件和实时监控

阅读量:9  一键切换:繁體   HtmlCss  发布时间:来源:知识库  
内容摘要:问题一:电脑如何安装Typescript?答案:打开电脑cmd输入以下指令:npm install -g typescript中国电脑因为访问慢,可以先安装cnpm后再安装安装cnpm指令npm insatll -g cnpm --regi......

TypeScript筑基笔记一:Visual Studio Code 创建Typescript文件和实时监控

问题一:电脑如何安装Typescript?

答案:打开电脑cmd

 输入以下指令:

npm install -g typescript

中国电脑因为访问慢,可以先安装cnpm后再安装

安装cnpm指令

npm insatll -g cnpm --registry=http://registry.npm.taobao.org

安装后运行以下代码

cnpm install -g typescript

安装成功后,关闭命令窗口,重新打开,输入以下指令

tsc -v

如果有返回版本号,那么你的typescript已经安装成功

 问题二:如何实时监控ts文件

答案:打开Visual Studio Code,选择typescript文件夹,打开终端

输入以下指令:

tsc --init

如果出现报错,请按这篇解决方法进行处理

https://www.pianshen.com/article/55571977078/

输入指令后,文件夹内会出现一个tsconfig.json文件

 文件的这个变量,是控制ts文件转译后js文件的储存位置的,改成你要放js的目录,保存

点击Visual Studio Code 上方的终端》》运行任务,老版本是任务》》运行任务,点击后选择tsc:watch - tsconfig.json即可完成对ts文件的实时监控

分享到:
首页桂ICP备2022000863号分类地图学习工具教育专题当前时间:本站内容只用于学习和交流,如有牵扯版权问题请联系站长邮箱: