欢迎光临
我的个人博客网站

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


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

答案:打开电脑cmd

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

 输入以下指令:

npm install -g typescript

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

安装cnpm指令

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

安装后运行以下代码

cnpm install -g typescript

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

tsc -v

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

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

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

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

输入以下指令:

tsc --init

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

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

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

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

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

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

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

赞(0) 打赏
未经允许不得转载:张拓的天空 » TypeScript筑基笔记一:Visual Studio Code 创建Typescript文件和实时监控
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏