码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-05 01:09:43      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:原因   node   语句   nbsp   文件中   选择   点击   变量   type   

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

 

 

 

 

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

标签:原因   node   语句   nbsp   文件中   选择   点击   变量   type   

原文地址:https://www.cnblogs.com/belongs-to-qinghua/p/11795908.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!