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

最近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 的学习了!!!

相关推荐