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