iT邦幫忙

2021 iThome 鐵人賽

DAY 2
0
自我挑戰組

TypeScript 能手養成之旅系列 第 2

TypeScript 能手養成之旅 Day 2 環境安裝

前言

每當要學習一個新的語言時,都有一個 SOP 開始流程,就是 安裝環境 =>
運行程式碼 => hello, world,相信大家都不陌生吧!

所以我們也不免俗的來 Run 過一次這個流程。

安裝 TypeScript

首先沒有安裝過 TypeScript, 我們可以使用以下的指令來進行安裝。

$ npm install -g typescript

註解:

-g 的意思是要安裝在全域,這樣在任何地方就可以使用。

TypeScript 編譯設定檔

接著我們需要產出一個 tsconfig.json,可以使用以下的指令。

$ tsc --init

起手式

新增 hello.tsx

const hello = 'Hello, world'

function sayHello(something: string): void {
  console.log(something)
}

sayHello(hello)

註解:

void: 是指這一個 function 不會回傳任何值。
something: string: 是指參數接受的型別是 字串

編譯執行

hello.tsx 寫完我們的程式碼後,在 terminal 執行以下的指令

tsc

這時候 TypeScript 會進行編譯,並產出 hello.js 檔案。

接下來只要使用 NodeJS 執行 hello.js

node hello.js

就會順利印出我們的 Hello, world 囉!

結語

簡單複習,當我們寫完 tsx 檔,透過 TypeScrip 編譯器進行編譯,接者會產生相對應的 js 檔,最後使用 NodeJS 去執行。

下一篇將開始探討 TypeScript 的語法是如何撰寫,下回見!


上一篇
TypeScript 能手養成之旅 Day 1 出發
下一篇
TypeScript 能手養成之旅 Day 3 判斷資料型別
系列文
TypeScript 能手養成之旅16
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言