TypeScript 初識 - 基礎

CODING 發布于2019-08-26 10:43 / 2505人閱讀

摘要：安裝通過命令進行安裝創建文件文件名以擴展名結尾編譯通過命令行進行編譯通過運行任務的方式進行編譯下使用顯示運行任務，選擇構建進行編譯。

安裝

通過 npm 命令進行安裝：

$ npm i -g typescript

創建 ts 文件

Typescript 文件名以 ts 擴展名結尾：

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

hello("world");

編譯

通過命令行進行編譯：

$ tsc test.ts

通過 VSCode 運行任務的方式進行編譯：

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

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

VSCode 調試

VSCode 調試 TypeScript 文件的前提：

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

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

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

GPU云服務器云服務器 docker初識 TypeScript 初識關系數據庫 typescript javascript

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106664.html

TypeScript 初識 - 變量

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

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

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

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

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

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

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

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

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

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