從問世到現在將近20年,JavaScript一直缺乏其它有吸引力的編程語言,比如Python和Ruby,的很多優點:命令行界面,REPL,包管理器,以及組織良好的開源社區。感謝Node.js和npm,現如今的JavaScript鳥槍換炮了。Web開發者有了強大的新工具,接下來就看他們的想象力了。
下面這個提示和技巧清單,能讓你和你的node程序保持快樂。
1. 用npm init開始新項目
npm有個init命令,可以引導你完成創建package.json文件的過程。即便你非常熟悉package.json和它的屬性,也可以把npm init當作將你的新程序或模塊導入正軌的簡便辦法。 它可以聰明地爲你設置默認值,比如通過上層目錄的名稱推斷模塊名,從~/.npmrc中讀取創作者的信息,以及用你的git設置確定代碼庫。
mkdir my-node-app
cd my-node-app
npm init
</pre>
2.聲明所有依賴項
在將模塊安裝到項目本地時堅持使用--save (或 --save-dev)是個好習慣。這些選項會將指定的模塊添加到package.json的dependencies(或devDependencies)清單中,並使用合理的默認semver範圍。
npm install domready --save
</pre>
注意,現在npm使用插入符風格的semver範圍:
"dependencies": {
"domready": "^1.0.4"
}
</pre>
3.指定啓動腳本
在package.json中設定scripts.start,你就可以在命令行中用npm start啓動程序了。這個非常方便,因爲克隆了你的程序的其他node開發人員不用猜就能輕鬆運行它。
額外獎勵:如果在package.json中定義了scripts.start,你就不需要Procfile了(Heroku平臺用Procfile來聲明在你程序的dynos上運行什麼命令)。使用npm start會自動創建一個作爲web進程的Procfile。
這裏有個啓動腳本示例:
"scripts": {
"start": "node index.js"
}
</pre>
4.指定測試腳本
就像團隊中的所有人都應該可以運行程序一樣,他們也應該可以測試它。package.json中的scripts.test就是用來指定運行測試套件的腳本的。如果你用mocha之類的東西運行測試,一定要確保把它包含在package.json裏的devDependencies中,並且指向安裝在你項目本地的文件,而不是全局安裝的mocha:
"scripts": {
"test": "mocha"
}
</pre>
5.不要把依賴項放在源碼的版本控制中
很多node程序使用的npm模塊帶有C語言寫的依賴項,比如bson、ws和hiredis,這些依賴項必須在Heroku的64位Linux架構下進行編譯。編譯過程可能非常耗時。爲了讓構建過程儘可能的快,Heroku的node buildpack在下載和編譯完依賴項後會緩存它們,以便在後續部署中重用。這個緩存是爲了降低網絡流量並減少編譯次數。
忽略node_modules目錄也是模塊創作者推薦的npm實踐。應用程序和模塊之間少了一個區別!
echo node_modules >> .gitignore
</pre>
6.用環境變量配置npm
以下內容摘自npm配置:
所有以npm_config_開頭的環境變量都會被解釋爲配置參數。比如說環境中有npm_config_foo=bar時,會將配置參數foo設置爲bar。任何沒有給出值的環境配置的值都會設置爲true。配置值對大小寫不敏感,所以NPM_CONFIG_FOO=bar也一樣。
最近在所有的Heroku構建中都有程序的環境。這一變化讓Heroku上的node用戶無需修改程序代碼就可以控制他們的npm配置。習慣#7是這一方式的完美例證。
7.帶着你自己的npm註冊中心
最近幾年公共npm註冊中心出現了突飛猛進式的增長,因此會偶爾不穩定。所以很多node用戶開始尋求公共註冊中心之外的方案,他們或者是出於開發和構建過程中速度及穩定性方面的考慮,或者是因爲要放置私有的node模塊。
最近幾個月冒出了一些可供選擇的npm註冊中心。Nodejitsu和Gemfury提供收費的私有註冊中心,此外也有一些免費的,比如Mozilla的只讀S3/CloudFront鏡像和Maciej Małecki的歐洲鏡像。
在Heroku上配置node程序使用定製註冊中心很容易:
heroku config:set npm_config_registry=http://registry.npmjs.eu
</pre>
8.追蹤過期的依賴項
如果你編程的時間足夠長,可能已經領教過相依性地獄的厲害了。好在Node.js和npm接納了semver,即 語義化版本管理規範,設置了一個健全的依賴項管理先例。在這個方案下,版本號和它們的變化方式傳達的含義涉及到了底層代碼,以及從一個版本到下一版本修改了什麼。
npm有一個很少有人知道的命令,outdated。它可以跟npm update結合使用,能夠找出程序的那些依賴項已經過期了,需要更新:
cd my-node-app
npm outdated
Package Current Wanted Latest Location
------- ------- ------ ------ --------
express 3.4.8 3.4.8 4.0.0-rc2 express
jade 1.1.5 1.1.5 1.3.0 jade
cors 2.1.1 2.1.1 2.2.0 cors
jade 0.26.3 0.26.3 1.3.0 mocha > jade
diff 1.0.7 1.0.7 1.0.8 mocha > diff
glob 3.2.3 3.2.3 3.2.9 mocha > glob
commander 2.0.0 2.0.0 2.1.0 mocha > commander
</pre>
如果你做的是開源的node程序或模塊,可以看看david-dm,NodeICO和shields.io,你可以用這三個優秀服務所提供的圖片徽章在項目的README或網站上顯示生動的依賴信息。
9.用npm腳本運行定製的構建步驟
隨着npm生態系統的持續增長,開發和構建過程的自動化選擇也會隨之增長。Grunt是迄今爲止node世界中最流行的構建工具,但像gulp.js這種新工具,以及普通的老式npm腳本也因爲較輕的負載受到歡迎。
在你把node程序部署到Heroku上時,要運行npm install --production命令以確保程序的npm依賴項會被下載下來裝上。但那個命令也會做其它事情:它會運行你在package.json文件中定義的所有npm腳本鉤子,比如preinstall和postinstall。這裏有個樣本:
{
"name": "my-node-app",
"version": "1.2.3",
"scripts": {
"preinstall": "echo here it comes!",
"postinstall": "echo there it goes!",
"start": "node index.js",
"test": "tap test/*.js"
}
}
</pre>
這些腳本可以是行內bash命令,或者也可以指向可執行的命令行文件。你還可以在腳本內引用其他npm腳本:
{
"scripts": {
"postinstall": "npm run build && npm run rejoice",
"build": "grunt",
"rejoice": "echo yay!",
"start": "node index.js"
}
}
</pre>
10.嘗試新東西
ES6,也就是被大衆稱爲JavaScript的ECMAScript語言規範的下一版,其工作名稱爲Harmony。 Harmony給JavaScript帶來了很多振奮人心的新特性,其中很多已經出現在較新版本的node中了。
Harmony實現了很多新特性,比如塊作用域、生成器、代理、弱映射等等。
要在你的node程序中啓用harmony的特性,需要指定一個比較新的node引擎,比如0.11.x,並在啓動腳本中設置--harmony選項:
{
"scripts": {
"start": "node --harmony index.js"
},
"engines": {
"node": "0.11.x"
}
}
</pre>
11. Browserify
客戶端JavaScript有亂如麻團般的遺留代碼,但那並不是語言本身的錯。由於缺乏合理的依賴項管理工具,讓jQuery-插件拷貝-粘帖的黑暗時代延續了好多年。感謝npm,帶着我們步入了前端振興的年代:npm註冊中心像野草一樣瘋長,爲瀏覽器設計的模塊也呈現出了驚人的增長勢頭
本次給大家推薦一個免費的學習羣,裏面概括移動應用網站開發,css,html,webpack,vue node angular以及面試資源等。
對web開發技術感興趣的同學,歡迎加入Q羣:582735936,不管你是小白還是大牛我都歡迎,還有大牛整理的一套高效率學習路線和教程與您免費分享,同時每天更新視頻資料。
最後,祝大家早日學有所成,拿到滿意offer,快速升職加薪,走上人生巔峯。