Typeecript(TS、ts)自带编译环境的使用
一、安装TS包
npm i -g typescript
or
yarn add global typescript
二、初始化项目
创建ts-pratice文件夹
进入ts-pratice文件夹,进入命令行输入
tsc --init
,会在根目录下创建名为tsconfig.json
的全局ts配置文件。在根目录下创建index.ts的项目入口文件
-
修改配置
编译后文件的位置
"outDir": "./js",
三、使用VScode打开项目文件夹
- 找到终端的菜单选项
- 找到终端中的运行任务
- 选择
typescript
中的监视typescript
总结
此时在index.ts
文件中边写typrscript
代码保存后会自动进行编译。