zoukankan      html  css  js  c++  java
  • 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 的学习了!!!

  • 相关阅读:
    401. Binary Watch
    46. Permutations
    61. Rotate List
    142. Linked List Cycle II
    86. Partition List
    234. Palindrome Linked List
    19. Remove Nth Node From End of List
    141. Linked List Cycle
    524. Longest Word in Dictionary through Deleting
    android ListView详解
  • 原文地址:https://www.cnblogs.com/belongs-to-qinghua/p/11795908.html
Copyright © 2011-2022 走看看