TypeScript 初識 - 基礎(chǔ)

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

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

安裝

通過 npm 命令進行安裝：

$ npm i -g typescript

創(chuàng)建 ts 文件

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

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

hello("world");

編譯

通過命令行進行編譯：

$ tsc test.ts

通過 VSCode 運行任務(wù)的方式進行編譯：

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

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

VSCode 調(diào)試

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

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

VSCode 自帶編譯運行 TypeScript 文件，launch.json 配置：

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

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/106664.html

相關(guān)文章

TypeScript 初識 - 變量

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

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

摘要：函數(shù)類型函數(shù)返回值類型我們可以給每個參數(shù)添加類型之后再為函數(shù)本身添加返回值類型。能夠根據(jù)返回語句自動推斷出返回值類型，所以通?？梢允÷运涿瘮?shù)完整函數(shù)類型完整的函數(shù)類型包含兩部分參數(shù)類型和返回值類型。函數(shù)是 JavaScript 的第一等公民，函數(shù)在 JavaScript 中可以實現(xiàn)抽象層、模擬類、信息隱藏和模塊等等。TypeScript 在一定基礎(chǔ)上擴展了函數(shù)的功能。函數(shù)類型 ...

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

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

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

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

lordharrd 2019-08-26 10:44 評論0 收藏0
TypeScript 初識

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

iliyaku 2019-08-19 18:47 評論0 收藏0