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.下載前期準(zhǔn)備
node.js下載地址
1.1.2 2.配置與安裝
網(wǎng)上有資源结洼,我就不重復(fù)了
http://www.tuicool.com/articles/UnmaAn
1.1.3 3.創(chuàng)建一個(gè)簡(jiǎn)單的node.js工程
3.1 安裝node.js
????????安裝剛才從官網(wǎng)下載的node.js的安裝包后歇万,安裝的時(shí)候請(qǐng)按照默認(rèn)路徑來安裝。
3.2 新建一個(gè)工程
3.3 配置node.js.exe 路徑
????????確定路徑?jīng)]錯(cuò)后,點(diǎn)擊升級(jí)webstorm的支持node.js的插件
3.4 添加代碼到工程
代碼里面填寫
console.log('hello?world');
3.5 正式生成一個(gè)node.js項(xiàng)目
3.6 配置編譯環(huán)境
3.7 運(yùn)行node.js工程
????????點(diǎn)擊箭頭執(zhí)行爬骤。
2 開發(fā)使用
2.1 npm命令使用
nodejs npm常用命令
http://www.cnblogs.com/linjiqin/p/3765772.html
????????npm是一個(gè)node包管理和分發(fā)工具,已經(jīng)成為了非官方的發(fā)布node模塊(包)的標(biāo)準(zhǔn)悯周。有了npm搔确,可以很快的找到特定服務(wù)要使用的包,進(jìn)行下載娃惯、安裝以及管理已經(jīng)安裝的包跷乐。
2.1.1 npminstall
????1、npm install moduleNames:安裝Node模塊
????????安裝完畢后會(huì)產(chǎn)生一個(gè)node_modules目錄趾浅,其目錄下就是安裝的各個(gè)node模塊愕提。
????????node的安裝分為全局模式和本地模式。
????????一般情況下會(huì)以本地模式運(yùn)行皿哨,包會(huì)被安裝到和你的應(yīng)用程序代碼的本地node_modules目錄下浅侨。
????????在全局模式下,Node包會(huì)被安裝到Node的安裝目錄下的node_modules下证膨。
???????? 全局安裝命令為$npm install -g moduleName如输。
????????獲知使用$npm set global=true來設(shè)定安裝模式,$npm get global可以查看當(dāng)前使用的安裝模式央勒。
????????示例:
npm install express
????????默認(rèn)會(huì)安裝express的最新版本不见,也可以通過在后面加版本號(hào)的方式安裝指定版本,如npm install express@3.0.6
npm install -g
????????將包安裝到全局環(huán)境中
????????但是代碼中崔步,直接通過require()的方式是沒有辦法調(diào)用全局安裝的包的稳吮。全局的安裝是供命令行使用的,就好像全局安裝了vmarket后井濒,就可以在命令行中直接運(yùn)行vm命令
npm install --save
????????安裝的同時(shí)灶似,將信息寫入package.json中項(xiàng)目路徑中如果有package.json文件時(shí),直接使用npm install方法就可以根據(jù)dependencies配置安裝所有的依賴包瑞你,這樣代碼提交到github時(shí)酪惭,就不用提交node_modules這個(gè)文件夾了。
2.1.2 npmview
????2捏悬、npm view moduleNames:查看node模塊的package.json文件夾
????????注意事項(xiàng):如果想要查看package.json文件夾下某個(gè)標(biāo)簽的內(nèi)容撞蚕,可以使用$npm view moduleName labelName
2.1.3 npmlist
????3、npm list:查看當(dāng)前目錄下已安裝的node包
????????注意事項(xiàng):Node模塊搜索是從代碼執(zhí)行的當(dāng)前目錄開始的过牙,搜索結(jié)果取決于當(dāng)前使用的目錄中的node_modules下的內(nèi)容甥厦。$ npm list parseable=true可以目錄的形式來展現(xiàn)當(dāng)前安裝的所有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竟纳、一個(gè)npm包是包含了package.json的文件夾,package.json描述了這個(gè)文件夾的結(jié)構(gòu)疚鲤。訪問npm的json文件夾的方法如下:
$ npm help json
????????此命令會(huì)以默認(rèn)的方式打開一個(gè)網(wǎng)頁锥累,如果更改了默認(rèn)打開程序則可能不會(huì)以網(wǎng)頁的形式打開。
2.1.5 npmrebuild
????9集歇、npm rebuild moduleName:用于更改包內(nèi)容后進(jìn)行重建
2.1.6 npmoutdated
????10桶略、npm outdated:檢查包是否已經(jīng)過時(shí),此命令會(huì)列出所有已經(jīng)過時(shí)的包诲宇,可以及時(shí)進(jìn)行包的更新
2.1.7 npmupdate
????11际歼、npm update moduleName:更新node模塊
2.1.8 npmuninstall
????12、npm uninstall moudleName:卸載node模塊
2.1.9 npmsearch
????14姑蓝、發(fā)布一個(gè)npm包的時(shí)候鹅心,需要檢驗(yàn)?zāi)硞€(gè)包名是否已存在
$ npm search packageName
2.1.10 npm init
????15、npm init:會(huì)引導(dǎo)你創(chuàng)建一個(gè)package.json文件纺荧,包括名稱旭愧、版本、作者這些信息等
2.1.11 npm root
????16虐秋、npm root:查看當(dāng)前包的安裝路徑
npm root -g:查看全局的包的安裝路徑
2.1.12 npm -v
????17榕茧、npm -v:查看npm安裝的版本
????????更多命令請(qǐng)參看npm官方文檔:https://www.npmjs.org/doc/
2.2 cnmp使用(淘寶鏡像地址替換)
2.2.1 cnmp安裝
????????你可以使用我們定制的 cnpm(gzip壓縮支持) 命令行工具代替默認(rèn)的 npm:
$ npm install -g cnpm
--registry=https://registry.npm.taobao.org
????????或者你直接通過添加 npm 參數(shù) alias 一個(gè)新命令:
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安裝所有模塊. 當(dāng)安裝的時(shí)候發(fā)現(xiàn)安裝的模塊還沒有同步過來, 淘寶 NPM 會(huì)自動(dòng)在后臺(tái)進(jìn)行同步, 并且會(huì)讓你從官方NPMregistry.npmjs.org進(jìn)行安裝. 下次你再安裝這個(gè)模塊的時(shí)候, 就會(huì)直接從 淘寶 NPM 安裝了.
$ cnpm install [name]
2.2.3 同步模塊
????????直接通過 sync 命令馬上同步一個(gè)模塊, 只有 cnpm 命令行才有此功能:
$ cnpm sync connect
????????當(dāng)然, 你可以直接通過 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)建一個(gè)package.json文件及npm安裝package.json
http://blog.csdn.net/liyanhui1001/article/details/44020235
企業(yè)級(jí)Node.js Web應(yīng)用解決方案設(shè)計(jì)的零零總總
淘寶首頁性能優(yōu)化實(shí)踐
http://taobaofed.org/blog/2016/04/05/optimize-in-tbhome/
淘寶NPM鏡像