Day3-TypeScript(TS)安装开发环境

经过两天的简介,希望大家都对TypeScript(TS)有基本的了解。
今天呢要来讲解安装TS的开发环境

大致上的流程分为以下四点

  1. 安装Node.js
  2. 安装TypeScript
  3. 安装ts-node
  4. 安装Visual Studio Code开发工具

1. 安装Node.js

Node.js : Package Manager

Node.js是一个开放源码(Open Source)、跨平台(cross-platform)的执行阶段环境(runtime environment),
不依赖特定浏览器来执行,他还可以运行服务器JavaScript(JS)程序码。

附上Node.js网页连结(https://nodejs.org/en/)
然後选择适当的下载,
大部分的使用者较适合安装LTS。

安装完成後,可以至命令提示字元输入指令确认,如下

  • 检视安装的版本
    node -v

  • 辅助说明
    node -h

2. 安装TypeScript(TS)

目的 : 将TS档转译成JS档

TS可以透过npm工具程序下载,
而安装好Node.js就会自动安装npm工具程序了喔,
那麽我们来安装TS吧。

安装命令提示字元输入指令,如下

  • 全域
    npm install -g typescript

  • 目前专案
    npm install --save-dev typescript

安装完成後,可以至命令提示字元输入指令确认,如下

  • 测试TS安装是否正常
    tsc

  • 检视安装的版本
    tsc --version

  • 使用相关资讯
    tsc --help

到这边TS就安装完成了,
可以透过命令提示字元输入指令的方式来做程序撰写了,
但不使用开发与辅助工具来撰写效率实在太差了,
所以我们还是接着安装下去吧。

3. 安装ts-node

目的 : 可以直接执行TS程序码

ts-node是可以选择性安装的,
因为它属於辅助工具
不装没关系,
装了更方便而已,
所以还是装吧。

安装命令提示字元输入指令,如下

  • 全域
    npm install -g ts-node

  • 使用ts-node执行TS
    ts-node 档名.ts

4. 安装Visual Studio Code开发工具

Visual Studio Code(VS Code) : 开发工具

有在写程序的人不能不知道这,
我就不赘述了,要用其他的也行,
能开发的工具就是好工具,
不过後面我还是以VS Code开发工具为主喔。

附上VS Code网页连结(https://code.visualstudio.com/)
然後选择适当的下载即可。

今日结语

到这边,以上四点就是TS的安装开发环境流程,
下一篇会针对VS Code开发工具需要的前置作业做讲解,
今天就到这啦,
希望大家都安装顺利,明天再接再厉!


<<:  [Day 10] SRE - ON-CALL

>>:  [Day 3] 阿嬷都看得懂的 HTML 在干嘛

Rails幼幼班--Rails安装Tailwindcss

用gem跟CDN不好吗... 这麽简单的事情也要分享?? 因为,没常安装就忘东忘西了... 认命做...

Day-18 BFPRT演算法

最坏情况为,BFPRT演算法 在由随机数决定阵列的分割的情况下,我们如何避免产生出最差情况(虽然出现...

【Day3】看YT学写程序

source code 低家 :https://github.com/AfrazCodes/ToD...

第4砍 - 蓄势待发

今晚我想来点... 麻而不辣的 linker script [叮咚] 您的外送餐点到瞜, 已经依照您...

Day3 — 前导:电晶体如何组成逻辑闸

如果用非常概括性的说法来描述 CPU 的组成,其实就是数以亿计的电晶体组合而成的。那麽电晶体又是怎麽...