NodeJs——入門必看攻略
關(guān)于NPM:
npm 是 nodejs 的包管理和分發(fā)工具。它可以讓 javascript 開發(fā)者能夠更加輕松的共享代碼和共用代碼片段,并且通過 npm 管理你分享的代碼也很方便快捷和簡(jiǎn)單。
一 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會(huì)報(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)目依賴的模塊。啟動(dòng)之前,需要執(zhí)行npm install下載他們:
npm install
如果沒有package.json文件,這一步會(huì)報(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)備工作完成。啟動(dòng)應(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——入門必看攻略全部?jī)?nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
前后端如何實(shí)現(xiàn)登錄token攔截校驗(yàn)詳解
這篇文章主要給大家介紹了關(guān)于前后端如何實(shí)現(xiàn)登錄token攔截校驗(yàn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-09-09AngularJS實(shí)現(xiàn)多級(jí)下拉框
這篇文章主要為大家詳細(xì)介紹了AngularJS實(shí)現(xiàn)多級(jí)下拉框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03angularjs $http調(diào)用接口的方式詳解
今天小編就為大家分享一篇angularjs $http調(diào)用接口的方式詳解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08AngularJS實(shí)現(xiàn)星星等級(jí)評(píng)分功能
這篇文章主要為大家詳細(xì)介紹了AngularJS實(shí)現(xiàn)星星等級(jí)評(píng)分功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09詳解如何為你的angular app構(gòu)建一個(gè)第三方庫
這篇文章主要介紹了詳解如何為你的angular app構(gòu)建一個(gè)第三方庫,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12Angular實(shí)現(xiàn)下載安裝包的功能代碼分享
本文通過實(shí)例代碼給大家介紹了angular實(shí)現(xiàn)下載安裝包的功能以及基于angularjs代碼實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)的功能,需要的朋友參考下吧2017-09-09Angular.JS利用ng-disabled屬性和ng-model實(shí)現(xiàn)禁用button效果
這篇文章主要介紹了Angular.JS利用ng-disabled屬性和ng-model實(shí)現(xiàn)禁用button效果的相關(guān)資料,文中給出了詳細(xì)的示例代碼,相信對(duì)大家具有一定的參考價(jià)值,需要的朋友們下面來一起看看吧。2017-04-04詳解在Angular4中使用ng2-baidu-map的方法
這篇文章主要介紹了在Angular4中使用ng2-baidu-map的方法,本文分步驟給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06AngularJS中controller控制器繼承的使用方法
這篇文章主要介紹了AngularJS中controller控制器繼承的使用方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11