資訊專欄INFORMATION COLUMN
摘要：在中調用庫以調用一個庫為例識別庫需要一個接口文件，的接口文件已經做好了，只需在終端眾即可安裝其余步驟與以往寫時一樣，在中引入，在中引入編譯后的文件以上就是在靜態頁面中的應用。
typescript有許多的優點，對于已經上手angular開發的朋友想必都會很熟悉。那么，如果想在其其他非angular框架環境下使用typescript需要哪些步驟呢？
以下內容，我們將以一個靜態頁面為例，簡述搭建typescript編譯環境步驟，并且講解如何在typescript中調用js庫
編譯環境首先建立項目目錄結構
全局安裝typescript npm i typescript -g。安裝完成后在運行 tsc -v 可以查看安裝的typescript版本，即安裝成功
在根目錄手動建立tsconfig.json文件，或者終端中輸入tsv --init自動生成tsconfig文件，該文件用來配置typescript編譯設置。修改后的tsconfig內容如下：
{
"compilerOptions": {
"target": "es5",
"noImplicitAny": false,
"module": "commonjs",
"removeComments": true,
"sourceMap": false,
"outDir": "build"
},
"exclude": [
"node_modules"
]
}
我們將編譯后的目標格式設定為es5,采用commonjs文件模塊，將編譯后的目標文件輸出到build文件夾
在終端中輸入tsc -w即可開始監聽ts文件的變化，文件保存后將會同步編譯輸出到目標文件夾中。
在typescript中調用js庫以調用一個canvas庫fabric為例
typescript識別js庫需要一個接口文件（.d.ts），fabricjs的接口文件已經做好了，只需在終端眾npm i @types/fabric --save即可安裝
其余步驟與以往寫js時一樣，在html中引入fabricjs，在html中引入編譯后的js文件
以上就是typescript在靜態頁面中的應用。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/94036.html
摘要：不過，相對于靜態類型檢查帶來的好處，這些代價是值得的。當然少不了的模塊化標準，雖然到目前為止和大部分瀏覽器都還不支持它。本身支持兩種模塊化方式，一種是對的模塊的微小擴展，另一種是在發布之前本身模仿的命名空間。有一種情況例外。 TypeScript 帶來的最大好處就是靜態類型檢查，所以在從 JavaScript 轉向 TypeScript 之前，一定要認識到添加類型定義會帶來額外的工作量...
摘要：前言講起前端，我們就不能不講與，在這兩種技術廣泛應用的今天，他們的擴展也是層出不窮，的擴展有等，的超集有等。如下注意你的樣式文件一定要在引入前先引入。截止目前，已經發布了最新的版本。 前言：講起前端，我們就不能不講CSS與Javascript，在這兩種技術廣泛應用的今天，他們的擴展也是層出不窮，css的擴展有Less、Sass、Stylus等，js的超集有Typescript等。今天我們就簡...
摘要：前言本文講解如何在項目中使用來搭建并開發項目，并在此過程中踩過的坑。具有類型系統，且是的超集，在年勢頭迅猛，可謂遍地開花。年將會更加普及，能夠熟練掌握，并使用開發過項目，將更加成為前端開發者的優勢。 showImg(https://segmentfault.com/img/remote/1460000018720573); 前言 本文講解如何在 Vue 項目中使用 TypeScript...
摘要：介紹是個的靜態類型檢查工具，由出品的開源碼項目，問世只有一年多，是個相當年輕的項目。現在，提供了另一個新的選項，它是一種強靜態類型的輔助檢查工具。 showImg(https://segmentfault.com/img/bVH6mL?w=1200&h=675); 本章的目標是提供一些Flow工具的介紹與使用建議。Flow本質上也只是個檢查工具，它并不會自動修正代碼中的錯誤，也不會強制...
閱讀 2871·2021-10-14 09:43
閱讀 1658·2021-09-29 09:34
閱讀 1744·2021-07-28 00:16
閱讀 2964·2019-08-30 15:53
閱讀 2905·2019-08-30 13:59
閱讀 2961·2019-08-30 13:57
閱讀 1091·2019-08-26 13:38
閱讀 1893·2019-08-26 13:25
