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 的语法是如何撰写,下回见!


<<:  Day2 # Hello World

>>:  [拯救上班族的 Chrome 扩充套件] Chrome Extension 是什麽酷东西? 跟着官方做 Hello Extensions

Week34 - 从 JavaScript 到 Golang 的启发之旅 [Server的终局之战系列]

本文章同时发布於: Medium iT 邦帮忙 大家好,这篇文章主要是六角学院铁人赛与 2020 i...

Day20 探讨setting(2)

昨天介绍到SECRET_KEY,不晓得前一天的东西大家有没有完全了解了呢! 那今天我们再来接着继续介...

【在 iOS 开发路上的大小事-Day07】除了用 WKWebView 以外,还可以如何在 App 中显示 PDF 档案呢?

前情提要 一般我们要在 App 中显示 PDF 档案,可能会透过 WKWebView 来进行实作 最...

自动化测试,让你上班拥有一杯咖啡的时间 | Day 19 - 如何写入档案和读取档案

此系列文章会同步发文到个人部落格,有兴趣的读者可以前往观看喔。 writeFile() 语法 cy....

当火灾发生时,势必要分流人群,让各个出口可以有效运用,让人群疏散

分散流量 前面的章节,都是一台EC2或个别的Container去执行应用程序,虽然网站可以正常运作,...