NodeJs——入門必看攻略
關(guān)于NPM:
npm 是 nodejs 的包管理和分發(fā)工具。它可以讓 javascript 開發(fā)者能夠更加輕松的共享代碼和共用代碼片段,并且通過 npm 管理你分享的代碼也很方便快捷和簡單。
一 NodeJs安裝與NPM管理
安裝
前往NodeJs官網(wǎng),下載安裝包直接安裝。同時(shí)NodeJs默認(rèn)包含NPM模塊。后者需要更新到最新版本。-v 查看版本信息,有則安裝成功。某些版本不支持讀-v參數(shù)大小寫敏感,如報(bào)錯(cuò)嘗試大寫-V.
node -v v4.4.4 npm -v 2.15.1
更新npm模塊
node install npm -g
-g 參數(shù)代表全局安裝,windows下所有安裝的模塊文件一般存放在node安裝目錄下或C:\Users\Administrator\AppData\Roaming緩存目錄下。
去掉-g 本地安裝,npm在當(dāng)前目錄下新建一個(gè)node_modules目錄,所下載的模塊存放在里面。
卸載
通過uninstall從node_modules目錄下刪除模塊
#本地卸載 npm uninstall <name> #全局卸載 npm uninstall <name> -g
二 創(chuàng)建第一個(gè)NodeJs應(yīng)用
使用express模塊創(chuàng)建應(yīng)用。
首先下載express模塊
npm install -g express express -V
同理,檢查是否安裝成功。還有兩個(gè)參數(shù):-e或--ejs;-J或--jshtml。含義:
-e, --ejs add ejs engine support 添加ejs模塊引擎支撐
-J, --jshtml add jshtml engine support (defaults to jade) 添加jshtml模板引擎支撐
新版本express中不支持cmd命令行,所以上面express -V會報(bào)錯(cuò): 不是內(nèi)部或外部命令,需下載express-generator
npm install -g express-generator
然后可以全局使用express命令了,隨便選擇一個(gè)文件夾(F:\Project\Nodejs)下創(chuàng)建應(yīng)用:
express hello_world
cd hello_world 進(jìn)入項(xiàng)目
cd hello_world # 查看目錄結(jié)構(gòu) dir #像這樣 # 2016/06/26 14:43 <DIR> . # 2016/06/26 14:43 <DIR> .. # 2016/06/26 01:41 1,442 app.js # 2016/06/26 01:41 <DIR> bin # 2016/06/26 01:41 331 package.json # 2016/06/26 01:41 <DIR> public # 2016/06/26 01:41 <DIR> routes # 2016/06/26 01:41 <DIR> views # 2 個(gè)文件 1,773 字節(jié) # 6 個(gè)目錄 161,019,293,696 可用字節(jié)*
注意這里有一個(gè)package.json文件,里面dependencies屬性指定了當(dāng)前項(xiàng)目依賴的模塊。啟動之前,需要執(zhí)行npm install下載他們:
npm install
如果沒有package.json文件,這一步會報(bào)錯(cuò):
npm ERR! install Couldn't read dependencies npm ERR! Windows_NT 6.1.7601
可以通過npm ini 生成默認(rèn)的。在這里,上面的express hello_world命令內(nèi)部已經(jīng)調(diào)用該命令,生成文件內(nèi)容類似這樣:
{
"name": "hello_world",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"body-parser": "~1.15.1",
"cookie-parser": "~1.4.3",
"debug": "~2.2.0",
"express": "~4.13.4",
"jade": "~1.11.0",
"morgan": "~1.7.0",
"serve-favicon": "~2.3.0"
}
}
也可以安裝上面的模板,收到創(chuàng)建該package.json文件。值得一提的是,一個(gè)npm模塊package.json文件包含的信息遠(yuǎn)比這里豐富。
等待依賴庫下載完成。完成后多一個(gè)node_modules文件夾用于保存依賴庫。
至此,當(dāng)前應(yīng)用準(zhǔn)備工作完成。啟動應(yīng)用:
npm start
瀏覽器中輸入127.0.0.1::3000(默認(rèn)端口)訪問
三 總結(jié)
個(gè)人經(jīng)驗(yàn),希望能給從零到創(chuàng)建一個(gè)nodeJs應(yīng)用的同學(xué)提供參考。
以上就是小編為大家?guī)淼腘odeJs——入門必看攻略全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
Angular限制input框輸入金額(是小數(shù)的話只保留兩位小數(shù)點(diǎn))
最近做項(xiàng)目遇到這樣的需求輸入框要求輸入金額,只能輸入數(shù)字,可以是小數(shù),必須保留小數(shù)點(diǎn)后兩位。下面分為兩部分代碼給大家介紹實(shí)現(xiàn)代碼,需要的的朋友參考下吧2017-07-07
動態(tài)創(chuàng)建Angular組件實(shí)現(xiàn)popup彈窗功能
這篇文章主要介紹了動態(tài)創(chuàng)建angular組件實(shí)現(xiàn)popup彈窗,需要的朋友可以參考下2017-09-09
angular中ui calendar的一些使用心得(推薦)
下面小編就為大家?guī)硪黄猘ngular中ui calendar的一些使用心得(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
angularjs結(jié)合html5實(shí)現(xiàn)拖拽功能
本篇文章給大家分享了angularjs結(jié)合html5實(shí)現(xiàn)拖拽功能的方法以及代碼實(shí)例,有興趣的朋友參考下。2018-06-06
AngularJS學(xué)習(xí)第一篇 AngularJS基礎(chǔ)知識
這篇文章主要介紹了AngularJS學(xué)習(xí)第一篇,分享了有關(guān)AngularJS的基礎(chǔ)知識,主要包括指令、過濾器等,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02
Angular中AuthGuard路由守衛(wèi)的創(chuàng)建使用
這篇文章主要為大家介紹了Angular中AuthGuard路由守衛(wèi)的創(chuàng)建使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07

