1. 程式人生 > >Node.js 外掛安裝及常用外掛

Node.js 外掛安裝及常用外掛

Node.js外掛安裝

 

Node.js常用外掛

>> TypeScript

本部落格為 TypeScript 而創造,不能少了 TypeScript。

http://www.typescriptlang.org/

國內有個翻譯網站

https://www.tslang.cn/

老實說,TypeScript 原來主要瞄準服務端NodeJS程式設計。

從官網可見,若 TypeScript 用於客戶端程式設計,都是和流行的Angular,React,Vue之類的加上適合的打包工具Webpack, Gulp之類的打包工具一起搭建環境。至於純 TypeScript + HTML 如何搭建環境,TypeScript官網整個網站屁話沒提。本部落格有文章說道如何實現純TypeScript + HTML配合這個問題。

另外TypeScript發展太快,後來標準的JavaScript es6(es2015)有些追趕,所以技術文件寫的有些雜亂,只看不練是不行的。

若想從Brower端開始練就會有遇到需要帶好多狗屁膏藥(Angular,React,Vue, webpack, gulp) 的問題。

如果從NodeJS端開練到時順利,tsconfig.json 天生預設就使用了module=commonjs,這是為nodejs而生的配置。

>> VSCode

 Visual Studio Code執行需要Node.JS。它是一個程式碼編輯器,編碼體驗非常出色。特別是 VSCode 可以編輯 JavaScript 和 TypeScript,暫時沒有別的編輯器在JavaScript和TypeScript編碼除錯方面超過這款編輯器,至多打平。

這是官網

https://code.visualstudio.com/

>> Anywhere, http-server

這兩個外掛可以直接執行本機的某個目錄作為網站釋出,作用類似 apache, iis。暫時沒找到把TypeScript用類似Asp, PHP, JSP方式執行的方法途徑。

Anywhere 網址

https://github.com/JacksonTian/anywhere

http-server 網址

https://github.com/indexzero/http-server

>> nodemon

用於開發時監控node app,一旦發現node app的javascript發生更改,立刻從新啟動該node app,方便除錯,無需手工關閉,啟動,提高效率延長生命。

官網

https://github.com/remy/nodemon

>> gulp, webpack

這兩貨打包用的,作用類似java的gradle, ant

gulp https://github.com/gulpjs/gulp        https://gulpjs.com/

webpack https://github.com/webpack/webpack  注意在瀏覽器客戶端,它提到支援ES6(ES2015)及以上,不支援IE8及以下。