typescript 起步之安装及配置 ts-node 环境变量

Posted 2020-11-30 belongs-to-qinghua

　　最近vue 3.0 版本发布，让我认识到 typescript 将占有越来越重要的地位，所以我也开启了typescript学习之旅。

　　要想编写第一个 hello typescript 程序，当然要经过安装这个必要的过程，我们分为接下来几个步骤：

 

步骤一：全局安装 typescript

npm install -g typescript　　

　　

步骤二：全局安装 ts-node

　　安装它的原因是typescript自带的tsc命令并不能直接运行typescript代码。但值得注意的是 ts-node 并不等于 typescript 的 Node.js ，仅仅封装了 typescript 的编译过程，提供直接运行typescript代码的能力。

npm install -g ts-node 

　　

步骤三：配置 ts-node 环境变量

　　1.要想配置环境变量，我们首先要清楚 npm 全局安装 ts-node 的位置

npm config get prefix

　　2.经过上面的语句我们可以知道 npm 全局安装 ts-node 的位置，接下来就是配置为环境变量：

• 桌面“此电脑”右键点击“属性”
• 窗口左侧列表点击“高级系统设置”
• 新窗口点击下方“环境变量”
• “系统变量”选择“Path”，点击“编辑”
• 点击“新建”，将1中得到的路径复制进去，点击保存
• 重启计算机

 

步骤四：编写第一个typescript程序

　　typescript 的文件后缀名为 .ts ，文件中输入以下内容：

console.log(‘Hello Typescript ! ‘)

　　

步骤五：打开控制台，并输入

ts-node 文件名.ts    // Hello Typescript !

　　

　　后面就正式开启 typescript 的学习了！！！