TypeScript 初識(shí) - 基礎(chǔ)

CODING 發(fā)布于2019-08-26 10:43 / 2566人閱讀

摘要：安裝通過(guò)命令進(jìn)行安裝創(chuàng)建文件文件名以擴(kuò)展名結(jié)尾編譯通過(guò)命令行進(jìn)行編譯通過(guò)運(yùn)行任務(wù)的方式進(jìn)行編譯下使用顯示運(yùn)行任務(wù)，選擇構(gòu)建進(jìn)行編譯。

安裝

通過(guò) npm 命令進(jìn)行安裝：

$ npm i -g typescript

創(chuàng)建 ts 文件

Typescript 文件名以 ts 擴(kuò)展名結(jié)尾：

function hello(value: string) {
    console.log(`hello ${value}`);
}

hello("world");

編譯

通過(guò)命令行進(jìn)行編譯：

$ tsc test.ts

通過(guò) VSCode 運(yùn)行任務(wù)的方式進(jìn)行編譯：

Windows 下使用 Ctrl + B 顯示運(yùn)行任務(wù)，選擇 tsc: 構(gòu)建 - tsconfig.json 進(jìn)行編譯。

編譯后會(huì)根據(jù) tsconfig.json 文件的配置生成 JavaScript 文件。

VSCode 調(diào)試

VSCode 調(diào)試 TypeScript 文件的前提：

// tsconfig.json 必須要寫入的配置
{
    "compilerOptions": {
        "sourceMap": true
    }
}

VSCode 自帶編譯運(yùn)行 TypeScript 文件，launch.json 配置：

{
    "type": "node",
    "request": "launch",
    "name": "run file",
    // 源文件的路徑，一般與 tsconfig.json 中 rootDir 配置相關(guān)
    "program": "${workspaceFolder}/src/hello-world.ts",
    // 調(diào)試前需要運(yùn)行任務(wù)，將 TypeScript 文件編譯成 JavaScript 文件
    "preLaunchTask": "tsc: 構(gòu)建 - tsconfig.json",
    // 輸出 JavaScript 文件的路徑，一般與 tsconfig.json 中 outDir 配置相關(guān)
    "outFiles": [
        "${workspaceFolder}/dist/**/*.js"
    ]
}

GPU云服務(wù)器云服務(wù)器 docker初識(shí) TypeScript 初識(shí)關(guān)系數(shù)據(jù)庫(kù) typescript javascript

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/106664.html

相關(guān)文章

TypeScript 初識(shí) - 變量

摘要：通常會(huì)定義為函數(shù)的返回值一個(gè)類型的變量是沒(méi)有生命用處的，因?yàn)轭愋偷淖兞恐荒苜x值為。和有一些區(qū)別的，函數(shù)沒(méi)有返回值時(shí)返回類型為的方法，即使沒(méi)有寫明語(yǔ)句，也會(huì)在函數(shù)執(zhí)行完的時(shí)候，隱式地返回一個(gè)類型。中新增加的變量聲明方式。類型注解類型注解使用 :TypeAnnotation 語(yǔ)法。類型聲明空間中可用的任何內(nèi)容都可以用作類型注解。 const num: number = 123; fun...

dinfer 2019-08-26 10:43 評(píng)論0 收藏0
TypeScript 初識(shí) - 函數(shù)

摘要：函數(shù)類型函數(shù)返回值類型我們可以給每個(gè)參數(shù)添加類型之后再為函數(shù)本身添加返回值類型。能夠根據(jù)返回語(yǔ)句自動(dòng)推斷出返回值類型，所以通常可以省略它匿名函數(shù)完整函數(shù)類型完整的函數(shù)類型包含兩部分參數(shù)類型和返回值類型。函數(shù)是 JavaScript 的第一等公民，函數(shù)在 JavaScript 中可以實(shí)現(xiàn)抽象層、模擬類、信息隱藏和模塊等等。TypeScript 在一定基礎(chǔ)上擴(kuò)展了函數(shù)的功能。函數(shù)類型 ...

ARGUS 2019-08-26 11:00 評(píng)論0 收藏0
那些年初識(shí)Angular(1)

摘要：它包含多個(gè)屬性，這些屬性值叫做元數(shù)據(jù)。會(huì)根據(jù)元數(shù)據(jù)渲染組件，并執(zhí)行組件邏輯。元數(shù)據(jù)會(huì)告訴圖和將這個(gè)類處理成一個(gè)組件。元數(shù)據(jù)這段代碼表示這個(gè)組件可以通過(guò)這個(gè)標(biāo)簽來(lái)調(diào)用。那些年初識(shí)Angular 由于工作需要初識(shí)了Angular，由于個(gè)人在學(xué)習(xí)一門新語(yǔ)言的時(shí)候喜歡買一本相關(guān)的書籍自己鉆研，還記得自己的第一本Angular書籍是關(guān)于Angular2的學(xué)習(xí)，自此正式踏入Angular的學(xué)習(xí)。...

Flink_China 2019-08-02 11:36 評(píng)論0 收藏0
TypeScript 初識(shí) - 內(nèi)置對(duì)象

摘要：自帶的內(nèi)置對(duì)象都可以直接在中當(dāng)作定義好的類型。的內(nèi)置對(duì)象標(biāo)準(zhǔn)提供了常用的內(nèi)置對(duì)象等。在不需要額外引入就可以直接使用這些內(nèi)置對(duì)象用寫不是內(nèi)置對(duì)象的一部分，想要寫時(shí)提示，需要引入第三方聲明文件 JavaScript 自帶的內(nèi)置對(duì)象都可以直接在 TypeScript 中當(dāng)作定義好的類型。 TypeScript 核心庫(kù)的定義文件 TypeScript 核心庫(kù)的定義文件定義了所有瀏覽器環(huán)境需要用...

lordharrd 2019-08-26 10:44 評(píng)論0 收藏0
TypeScript 初識(shí)

摘要：當(dāng)你陷在一個(gè)中大型項(xiàng)目中時(shí)應(yīng)用日趨成為常態(tài)，沒(méi)有類型約束類型推斷，總有種牽一發(fā)而動(dòng)全身的危機(jī)和束縛?？傮w而言，這些付出相對(duì)于代碼的健壯性和可維護(hù)性，都是值得的。目前主流的都為的開(kāi)發(fā)提供了良好的支持，比如和。參考資料中文文檔文章博客地址：http://pinggod.com/2016/Typescript/ TypeScript 是 JavaScript 的超集，為 JavaScrip...

iliyaku 2019-08-19 18:47 評(píng)論0 收藏0