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

  • A+
所属分类:Web前端
摘要

答案:打开电脑cmd 输入以下指令:中国电脑因为访问慢,可以先安装cnpm后再安装


问题一:电脑如何安装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文件和实时监控