TypeScript的踩坑之路（一）

环境以及TypeScript安装

环境

1. nodejs
2. vscode编辑器

安装

3. 全局安装ts

node中安装
npm i -g typescript

查看版本
tsc -v

4. vscode编辑器
   新建立一个ts的文件夹
   创建index.ts和index.html的文件
   index.html文件中引入index.js文件
   
   
   vscode中运行终端，输入tsc index.ts对ts文件进行编译，同时会在同目录下生成一个index.js的文件

tsc index.ts

运行index.html能够在控制台中看到打印的内容

这是手动对ts文件进行编译，非常麻烦，最简单的方法就是让其自动编译
将目录中的index.js文件删除，在终端中输入

tsc --init

会生成一个tsconfig.json的文件
在文件中找到 outDir，去掉注释，修改为 “outDir”: “./js”
这样在编译的时候能够在js文件夹下自动生成index.js文件

如何自动编译：
在vscode最上方点击终端，点击运行任务，点击typescript，选择监视ts

这样，就能够在每次编辑完成保存后，自动进行编译

运行环境构建完成，下篇为本人基础类型的学习记录