国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

配置TS + node 的開發環境

Anshiii / 2729人閱讀

摘要:直接配置的開發環境還是挺麻煩的,這里我總結了一套開發模板,可以在用的時候可以考慮直接這個項目,項目地址以這個項目為基礎模板來開發就行。配置文件是我們配置的閱讀配置文件使我們的代碼檢查配置文件這個文件主要是繼承了官方推薦的代碼風格。

直接配置ts的開發環境還是挺麻煩的,這里我總結了一套開發模板,可以在用的時候可以考慮直接clone這個項目,
項目地址https://github.com/fish-node/...
以這個項目 為基礎模板來開發就行。

$ tree
.
├── README.md
├── jest.config.js
├── package.json
├── src
│?? ├── index.ts
│?? ├── math.ts
│?? └── server.ts
├── test
│?? ├── math.test.ts
│?? └── server.test.ts
├── tsconfig.json
└── tslint.json
ts-node

因為ts是建立在js的基礎之上的,但是node又不能直接運行ts代碼,實際使用是往往需要使用tsc將ts代碼編譯成js代碼,這無疑是很麻煩的。

而ts-node則包裝了node,它可以直接的運行ts代碼,使用起來很方便,它的官方倉庫在這里 https://github.com/TypeStrong... ,基本用法請自行查看它的readme。

我這里就是把ts-node寫到package.json,大家在npm install之后,就可以通過

$ npx ts-node src/index.ts

這種方式來運行ts代碼,很方便。

然后我們知道node中有個nodemon,可以在開發時自動的重啟我們的node程序,而在ts-node中,對應的就是ts-node-dev

$ npx ts-node-dev src/index.ts
示例代碼

在src目錄下,我寫了三個基本的ts代碼

math.ts就是最基本的ts的用法

然后server.js展示了如何使用ts編寫一個http服務器

index.ts則展示了ts中的模塊化的使用

測試框架

然后我使用Jest 作為測試框架,在test目錄下展示了用Jest + Ts 編寫我們的測試程序。
運行測試文件的話,可以使用

$ npm run test
@types

@types/node @types/jest 是ts中類型聲明文件,它可以給js編寫的模塊賦予類型系統,讓我們享受類型系統的好處。

配置文件

.editorconfig是我們配置IDE的閱讀配置文件

tslint.json使我們的代碼檢查配置文件
這個文件主要是繼承了官方推薦的代碼風格。不過為了調試方便,把"no-console"這個條件設置為false了

tsconfig.json

然后重點是我們的ts配置文件。

一般來說,json文件是不支持注釋的,但是ts官方為了方便,對這個文件多帶帶做了加強,使得我們可以使用注釋,注釋語法和js中的一樣。

{
    "compilerOptions": {
        "target": "es2018",
        "module": "commonjs",
        "outDir": "./dist/",
        "rootDir": "./src/",
        "strict": true,
        "moduleResolution": "node",
        "esModuleInterop": true,
        "experimentalDecorators": true
    },
    "exclude": ["./test"]
}

其中的target就是編譯后js代碼的版本,因為我們是node環境,沒必要考慮瀏覽器的兼容問題,所以大家還是盡量的使用更新的版本吧。

而module選項則是我們的模塊管理機制,因為我們的ts-node目前還不指出es的模塊管理機制,參考這個問題https://github.com/TypeStrong... ,所以我們還是繼續使用commonjs規范。

然后rootDir就是我們的源代碼目錄,outDir就是我們的編譯后代碼的目錄。同時我們設置了exclude這個選項,把我們的測試文件排除在外。

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

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

相關文章

  • TypeScript在react項目中實踐

    摘要:前段時間有寫過一個在項目中的實踐。在里邊有解釋了為什么要使用,以及在中的一個項目結構是怎樣的。關于的配置文件,在本項目中存在兩份。一個需要注意的小細節因為我們的與實現版本中都用到了。 前段時間有寫過一個TypeScript在node項目中的實踐。 在里邊有解釋了為什么要使用TS,以及在Node中的一個項目結構是怎樣的。 但是那僅僅是一個純接口項目,碰巧趕上近期的另一個項目重構也由我...

    Hwg 評論0 收藏0
  • 使用typescript開發調試nodejs

    摘要:原文地址這兩天在看也在入門中網上大部分教程都是前端配置開發調試這個也有很多相當成熟的實踐教程這篇文章主要是的配置說起來也是相當簡單的不涉及任何的語法與概念同時也可以根據本文配置的開發環境主要是模塊部分的使用說起大家應該都挺熟悉了是一個 原文地址 https://github.com/xiadd/blog/issues/8 這兩天在看ts,也在入門中, 網上大部分教程都是前端配置ts開發...

    張春雷 評論0 收藏0
  • js進化,遷徙到typescript

    摘要:我開始重新了解一下的現狀,沒想到已經完全走上正軌了,在上已經有大量的項目選用,投入生產于是報著嘗試的心態,開始了遷徙。 js進化,遷徙到typescript TypeScript 歷史 TypeScript是一種由微軟開發的自由和開源的編程語言 它是JavaScript的一個超集,而且本質上向這個語言添加了可選的靜態類型和基于類的面向對象編程 2012年十月份,微軟發布了首個公開版...

    Alan 評論0 收藏0
  • Angular開山篇

    摘要:環境搭建今天給大家介紹種環境搭建的方法。官方的地址步驟安裝種子文件沒有的,可以自己下來,然后打開,執行。使用版本為版本。存放表單相關內置組件與指令。存放網絡請求相關的服務等。等待加載完畢即可。從而實現了頁面的顯示 1:環境搭建 今天給大家介紹4種環境搭建的方法。 一:Angular-cli的安裝 官方指導文檔:www.angular.cn/guide/quickstart 請使用cn...

    Edison 評論0 收藏0
  • 使用gulp和vsc構建高效typescript開發環境

    摘要:出于某些原因,近期開始需要在公司推廣使用寫服務端,因為之前使用開發過多個個人項目,所以知道新手開發非常容易將代碼寫的散亂并且不易后人理解。所以折中的選擇了開發,也就用起了。 出于某些原因,近期開始需要在公司推廣使用nodejs寫服務端,因為之前使用es6開發過多個個人項目,所以知道新手開發node非常容易將代碼寫的散亂并且不易后人理解。本人剛入行的時候做的是java,覺得強類型的語言更...

    JerryZou 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<