TypeScript的基础环境搭建

TypeScript环境搭建步骤。

1. 需要一个node的运行环境，所以要先安装node。安装后，通过node -v 和 npm =v查看版本号，确保安装成功。
2. 在编辑器(VSCode)，统一对环境做一些配置；

1.点击编辑器文件--首选项--设置，然后输入框里输入 quote，找到TypeScript › Preferences，来设置写TS的时候，是用什么引号，这里我选的是单引号。

image.png

2. 输入框里输入 tab，找到 Tab Size 设置缩进的时候是几个空格

   
   image.png

3. 安装 Prettier 插件

   
   image.png
4. 设置输入框里，搜索save, 找到 Format On Save 勾选，然后保存的时候，就会格式化代码了。
5. 安装 typescrip npm install typescript@3.6.4 -g

验证typescript环境搭建是否成功

• 运行命令tsc demo.ts 对demo.ts这个typescrip 文件进行编译。如果环境搭建成功，会编译生成一个新文件demo.js. tsc 是 typescript compiler 的缩写。如果只运行tsc，后边不加具体的文件名，则会对项目里的ts文件，都进行编译。
• 运行命令node demo.js 就可以输出demo.js里的内容。
• 不过，像上边那样，先编译再运行的方式，有些麻烦，我们可以再安装一个工具npm install -g ts-node@8.4.1 然后直接运行 ts-node demo.ts一个命令，就可以完成编译和执行的步骤了。

怎么初始化一个typescript的项目?

• 运行tsc --init命令，会生成一个 tsconfig.json的配置文件，就可以了