TypeScript的安装与配置

1.下载Node.js(TS的解释器是由Node.js写的,所以要先下载Node.js)

点击下方的网址进入:

Node.js (nodejs.org)https://nodejs.org/zh-cn/

前面的16.14.0是稳定版,后面17,7,1是最新版,一般推荐下载稳定版

2.安装Node.js(全部点next下一步下一步,直到完成)

3.使用npm全局安装typeScrpit

使用win+r打开 输入cmd 打开控制台 (win就是键盘上ctrl右边的那个键,有四个小方块的键位)

4.输入node -v 查看版本号,如果有版本号,就是安装成功了

5.进入后(npm是由node.js提供的)

 输入npm i -g typescript

 

 弹出进度条证明在安装了,如果没有进度条,可能是网络原因

 输入tsc  如果能弹出一大堆东西,那就证明TypeScript安装成功了

6. 开始配置node.js,因为后面会下载很多包,如果放在C盘会占用很大的空间,所以直接设置一个盘,创建文件

7. 这个nodeRepository是我自己创建的,并且在里面创建这个两个文件夹,

8.然后设置缓存文件的路径,只需要复制代码,把红色部分改成自己的路径就行了

npm config set prefix "D:\Major\maven3.8.4\Repository\nodeRepository\node_global"
npm config set cache "D:\Major\maven3.8.4\Repository\nodeRepository\node_cache"

改过路径后,这两行代码全部都要粘贴到控制台去,回车执行

 9.这里推荐下载一个WebStorm编辑器,可以十分方便的编写,下面的链接是官网,

WebStorm: The Smartest JavaScript IDE, by JetBrainshttps://www.jetbrains.com/webstorm/

10. 直接点Download 下载即可,可以去淘宝上买一个账号激活一下,一杯奶茶钱

下面进入WebStorm编辑器, 点击New Project

 选择创建项目的位置

点击Create,完成创建项目

 右击创好的项目,点击NEW,创建一个目录用于存放TS文件

 右击目录 选择NEW ,找到TypeScript File 创建TS文件

 创建完TS文件是这样

 右击项目,打开Open in 找到Terminal(就是打开项目的控制台)

切换控制台路径输入:   cd type-01后按Tal键可以自动补全

输入一行代码测试,Ctrl+s保存

 

 在项目控制台中输入:    tsc Hello之后按Tal键    会自动补全,然后回车(Enter)

开始编译ts文件,将其编译成js文件

执行js文件 

输入:node Hello后按Tab键补全  然后会出

 执行完毕

11.如果有问题可以配置一下环境变量:

在桌面找到此电脑,右击 打开 属性,  找到高级系统设置

 找到配置环境变量

 找到Path 环境变量

在右边的新建中逐步添加两条路径:

 

 然后,一定要 确定 保存,

 然后,一定要 确定 保存,

 12.如果想优化一下执行的效率,可以打开下面的链接

npm (npmjs.com)https://www.npmjs.com/

搜索输入: ts -node

找到第一个,点开

 找到,点击它

 

要点击这个  才会复制

代码是:npm i ts-node

右击type-01目录,打开控制台,就不需要切换目录了

 把代码粘贴进去 Ctrl+v   回车执行 

 现在只需要输入 ts-node 就能直接编译成功并且运行JS文件

 简化了tsc 文件.js  和 node 文件.js 的步骤