编写 TypeScript 的准备工作

一、根据自己操作系统安装对应的node.js(和npm)环境:

1.下载node.js,路径:https://nodejs.org/zh-cn/,打开链接如下:(推荐下载 LTS版)

编写 TypeScript 的准备工作_第1张图片

2.安装 node.js:(直接点击 next )

编写 TypeScript 的准备工作_第2张图片

编写 TypeScript 的准备工作_第3张图片

编写 TypeScript 的准备工作_第4张图片

编写 TypeScript 的准备工作_第5张图片

 编写 TypeScript 的准备工作_第6张图片

 编写 TypeScript 的准备工作_第7张图片

 编写 TypeScript 的准备工作_第8张图片

3.查看 node.js,微标 + R 打开Windows命令提示符,如下所示:(注:以管理员身份运行)

编写 TypeScript 的准备工作_第9张图片

4. 输入命令,node -v 和 npm -v 检查对应的版本:

编写 TypeScript 的准备工作_第10张图片

由于新版本的node.js默认集成npm,所以不需要再单独安装npm;

二、安装TypeScript:

1.以管理员身份运行 Windows 命令提示符,输入命令:npm install -g typescript,如下显示:

编写 TypeScript 的准备工作_第11张图片

2.查看 TypeScript 版本信息,输入命令:tsc -v 

编写 TypeScript 的准备工作_第12张图片

 此时基本环境已经ok:

编写 TypeScript 的准备工作_第13张图片

 三、安装 TypeScript for IDE,这里推荐使用 VS Code,下载链接:https://code.visualstudio.com/

编写 TypeScript 的准备工作_第14张图片

 更多 TypeScript IDE 请观看官网:https://www.tslang.cn/index.html#download-links

编写 TypeScript 的准备工作_第15张图片

 安装好 VS Code 之后,并配置自动编译.ts文件:

1. 选择.ts文件所在的文件夹,cmd 打开 Windows 命令提示符,输入命令:tsc --init ,在同文件夹下面自动创建 tsconfig.json 文件,创建的文件如下:(图中只保留了使用到的部分)

编写 TypeScript 的准备工作_第16张图片

 2.点击 VSCode 菜单栏  =》终端  =》 运行任务,选择 tsc:监视 - ts/tsconfig.json 文件;

编写 TypeScript 的准备工作_第17张图片

 以上就完成了 TypeScript 的开发环境配置;

你可能感兴趣的:(编写 TypeScript 的准备工作)