【進階系列】Node.js專題

1 環(huán)境搭建

1.1 WebStorm集成Node.js

Node.js入門學(xué)習(xí)筆記-IDE選擇/配置之WebStorm(windows)

http://www.cnblogs.com/shanyou/archive/2012/08/03/2620796.html

1.1.1 1.下載前期準備

node.js下載地址

http://nodejs.org/

1.1.2 2.配置與安裝

網(wǎng)上有資源,我就不重復(fù)了

http://www.tuicool.com/articles/UnmaAn

1.1.3 3.創(chuàng)建一個簡單的node.js工程

3.1 安裝node.js

????????安裝剛才從官網(wǎng)下載的node.js的安裝包后,安裝的時候請按照默認路徑來安裝。

3.2 新建一個工程

3.3 配置node.js.exe 路徑

????????確定路徑?jīng)]錯后,點擊升級webstorm的支持node.js的插件

3.4 添加代碼到工程

代碼里面填寫

console.log('hello?world');

3.5 正式生成一個node.js項目

3.6 配置編譯環(huán)境

3.7 運行node.js工程

????????點擊箭頭執(zhí)行。

2 開發(fā)使用

2.1 npm命令使用

nodejs npm常用命令

http://www.cnblogs.com/linjiqin/p/3765772.html

????????npm是一個node包管理和分發(fā)工具,已經(jīng)成為了非官方的發(fā)布node模塊(包)的標準。有了npm,可以很快的找到特定服務(wù)要使用的包,進行下載、安裝以及管理已經(jīng)安裝的包。

2.1.1 npminstall

????1、npm install moduleNames:安裝Node模塊

????????安裝完畢后會產(chǎn)生一個node_modules目錄,其目錄下就是安裝的各個node模塊。

????????node的安裝分為全局模式和本地模式。

????????一般情況下會以本地模式運行,包會被安裝到和你的應(yīng)用程序代碼的本地node_modules目錄下。

????????在全局模式下,Node包會被安裝到Node的安裝目錄下的node_modules下。

???????? 全局安裝命令為$npm install -g moduleName。

????????獲知使用$npm set global=true來設(shè)定安裝模式,$npm get global可以查看當前使用的安裝模式。

????????示例:

npm install express

????????默認會安裝express的最新版本,也可以通過在后面加版本號的方式安裝指定版本,如npm install express@3.0.6

npm install -g

????????將包安裝到全局環(huán)境中

????????但是代碼中,直接通過require()的方式是沒有辦法調(diào)用全局安裝的包的。全局的安裝是供命令行使用的,就好像全局安裝了vmarket后,就可以在命令行中直接運行vm命令

npm install --save

????????安裝的同時,將信息寫入package.json中項目路徑中如果有package.json文件時,直接使用npm install方法就可以根據(jù)dependencies配置安裝所有的依賴包,這樣代碼提交到github時,就不用提交node_modules這個文件夾了。

2.1.2 npmview

????2、npm view moduleNames:查看node模塊的package.json文件夾

????????注意事項:如果想要查看package.json文件夾下某個標簽的內(nèi)容,可以使用$npm view moduleName labelName

2.1.3 npmlist

????3、npm list:查看當前目錄下已安裝的node包

????????注意事項:Node模塊搜索是從代碼執(zhí)行的當前目錄開始的,搜索結(jié)果取決于當前使用的目錄中的node_modules下的內(nèi)容。$ npm list parseable=true可以目錄的形式來展現(xiàn)當前安裝的所有node包;

????5、npm view moudleName dependencies:查看包的依賴關(guān)系

????6、npm view moduleName repository.url:查看包的源文件地址

????7、npm view moduleName engines:查看包所依賴的Node的版本

2.1.4 npmhelp

????4、npm help:查看幫助命令

????8、npm help folders:查看npm使用的所有文件夾

????13、一個npm包是包含了package.json的文件夾,package.json描述了這個文件夾的結(jié)構(gòu)。訪問npm的json文件夾的方法如下:

$ npm help json

????????此命令會以默認的方式打開一個網(wǎng)頁,如果更改了默認打開程序則可能不會以網(wǎng)頁的形式打開。

2.1.5 npmrebuild

????9、npm rebuild moduleName:用于更改包內(nèi)容后進行重建

2.1.6 npmoutdated

????10、npm outdated:檢查包是否已經(jīng)過時,此命令會列出所有已經(jīng)過時的包,可以及時進行包的更新

2.1.7 npmupdate

????11、npm update moduleName:更新node模塊

2.1.8 npmuninstall

????12、npm uninstall moudleName:卸載node模塊

2.1.9 npmsearch

????14、發(fā)布一個npm包的時候,需要檢驗?zāi)硞€包名是否已存在

$ npm search packageName

2.1.10 npm init

????15、npm init:會引導(dǎo)你創(chuàng)建一個package.json文件,包括名稱、版本、作者這些信息等

2.1.11 npm root

????16、npm root:查看當前包的安裝路徑

npm root -g:查看全局的包的安裝路徑

2.1.12 npm -v

????17、npm -v:查看npm安裝的版本

????????更多命令請參看npm官方文檔:https://www.npmjs.org/doc/

2.2 cnmp使用(淘寶鏡像地址替換)

2.2.1 cnmp安裝

????????你可以使用我們定制的 cnpm(gzip壓縮支持) 命令行工具代替默認的 npm:

$ npm install -g cnpm

--registry=https://registry.npm.taobao.org

????????或者你直接通過添加 npm 參數(shù) alias 一個新命令:

alias cnpm="npm--registry=https://registry.npm.taobao.org \

--cache=$HOME/.npm/.cache/cnpm \

--disturl=https://npm.taobao.org/dist \

--userconfig=$HOME/.cnpmrc"


# Or alias it in .bashrc or .zshrc

$ echo '\n#alias for cnpm\nalias cnpm="npm--registry=https://registry.npm.taobao.org \

?--cache=$HOME/.npm/.cache/cnpm \

?--disturl=https://npm.taobao.org/dist \

? --userconfig=$HOME/.cnpmrc"' >>

~/.zshrc && source ~/.zshrc

2.2.2 安裝模塊

????????從 registry.npm.taobao.org安裝所有模塊. 當安裝的時候發(fā)現(xiàn)安裝的模塊還沒有同步過來, 淘寶 NPM 會自動在后臺進行同步, 并且會讓你從官方NPMregistry.npmjs.org進行安裝. 下次你再安裝這個模塊的時候, 就會直接從 淘寶 NPM 安裝了.

$ cnpm install [name]

2.2.3 同步模塊

????????直接通過 sync 命令馬上同步一個模塊, 只有 cnpm 命令行才有此功能:

$ cnpm sync connect

????????當然, 你可以直接通過 web 方式來同步:/sync/connect

$ open https://npm.taobao.org/sync/connect

2.2.4 其它命令

????????支持 npm 除了 publish 之外的所有命令, 如:

$ cnpm info connect

3 參考鏈接

Node.js入門學(xué)習(xí)筆記-IDE選擇/配置之WebStorm(windows)

http://www.cnblogs.com/shanyou/archive/2012/08/03/2620796.html

搭建Node.js開發(fā)IDE環(huán)境WebStrom5多圖

http://blog.csdn.net/youyudehexie/article/details/8542135

學(xué)習(xí)老外用webstorm開發(fā)nodejs的技巧--代碼提示DefinitelyTyped

http://my.oschina.net/klausgao/blog/380351

node通過指令創(chuàng)建一個package.json文件及npm安裝package.json

http://blog.csdn.net/liyanhui1001/article/details/44020235

企業(yè)級Node.js Web應(yīng)用解決方案設(shè)計的零零總總

http://taobaofed.org/blog/2016/04/08/node-web-framework-design/?utm_source=tuicool&utm_medium=referral

淘寶首頁性能優(yōu)化實踐

http://taobaofed.org/blog/2016/04/05/optimize-in-tbhome/

淘寶NPM鏡像

https://npm.taobao.org

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 大家好,我是IT修真院深圳分院第3期的學(xué)員,一枚正直純潔善良的前端程序員,今天給大家分享一下,修真院官網(wǎng)前端工程師...
    大大頭大閱讀 3,060評論 0 1
  • JavaScript 模塊化編程 網(wǎng)站越來越復(fù)雜,js代碼、js文件也越來越多,會遇到什么問題? 命名沖突; 文件...
    magic_pill閱讀 1,589評論 0 1
  • 這樣容易把人嗆死的啊…… 請輸入圖片描述 這個是不是能吃? 請輸入圖片描述 這個戒指我能買的起 請輸入圖片描述 用...
    樂樂_d58b閱讀 161評論 0 0

友情鏈接更多精彩內(nèi)容