Typescript 的成長環境

安裝

說到如何使用我了,這個很簡單,由於和安裝其餘 npm 包同樣,請看javascript

// 全局安裝我
sudo npm install -g typescript
複製代碼

命令行輸入 tsc -v 查當作功安裝好我,而後就是你能夠在任何地方執行 tsc 命令了。java

開發工具首推 Visual Studio Code(沒給我廣告費)

個人精彩履歷中就提過,個人一個優點是加強了編輯器和 IDE 的功能,包括代碼補全、接口提示、跳轉到定義、重構等,好用到不要不要的。git

主流的編輯器都支持我,這裏推薦 Visual Studio Code,一款開源、跨終端、輕量級編輯器,同時內置就支持我。github

還有就是它自己也是用我編寫typescript

下載安裝:code.visualstudio.com/npm

第一個例子

寫個 hello.ts 來試試。

// hello.ts
const hello = str => {
    return `Hello, ${str}`;
}

hello('typescript');
複製代碼

輸入 tsc hello.ts,你會看到和 hello.ts 同級目錄多出一個 hello.js 文件bash

// hello.js
var hello = function (str) {
    return "Hello, " + str;
};
hello('typescript');
複製代碼

加點料

上面,也沒看出和 javascript 有什麼不一樣,不急,咱看 hello2.tsmarkdown

// hello2.ts
const hello2 = (str: string) => {
    return `Hello, ${str}`;
}

hello2('typescript');
hello2(99);
複製代碼

這裏,給參數 string 添加了 : string 類型註解,指定變量的類型爲字符串,: 的先後有沒有空格均可以。你會發現編輯器中會提示錯誤編輯器

而後執行 tsc hello2.ts,編譯也會出錯。說 99 不能做爲類型須要是字符串的參數,這是我但願看到的,這波操做 666。可是 hello2.js 仍是編譯出來了生成 js 文件了(儘管 hello2.ts 書寫有問題,可是前面說過我是有包容心的)工具

// hello2.js
var hello2 = function (str) {
    return "Hello, " + str;
};
hello2('typescript');
hello2(99);
複製代碼

上述例子中,編譯出來的 js 並無什麼檢查的代碼被插入進來,這是由於我只會進行靜態檢查,若是發現有錯誤,編譯的時候就會報錯(可是我仍是生成編譯結果)

本次代碼 Github

接下來

接下來,就要開始無聊的接口講解、代碼編寫和示例測試。但願你能熬過這段艱難期(也但願你能打心底接受我-Typescript)。

你能夠...

上一篇:Typescript 精彩履歷

下一篇:Typescript 基本類型

目錄:Typescript 小書之入門篇

相關文章
相關標籤/搜索