Node.js 安裝及環(huán)境配置之 Windows 篇
?一、安裝環(huán)境
1、本機(jī)系統(tǒng):Windows 10 企業(yè)版(64位)
2、Node.js:node-v8.9.4-x64.msi(64位)
二、安裝Node.js步驟
1、下載對(duì)應(yīng)自己系統(tǒng)對(duì)應(yīng)的 Node.js 版本,地址:
2、選安裝目錄進(jìn)行安裝
3、環(huán)境配置
4、測(cè)試
三、前期準(zhǔn)備
1、Node.js簡(jiǎn)介
Node.js? 是一個(gè)基于?
的 JavaScript 運(yùn)行時(shí)。 Node.js 使用高效、輕量級(jí)的事件驅(qū)動(dòng)、非阻塞 I/O 模型。它的包生態(tài)系統(tǒng), ,是目前世界上最大的開(kāi)源庫(kù)生態(tài)系統(tǒng)。2、下載Node.js
官方地址:
我下載的是 node-v8.9.4-x64.msi ,如下圖:
四、開(kāi)始安裝
1、下載完成后,雙擊“?node-v8.9.4-x64.msi?”,開(kāi)始安裝:
2、點(diǎn)擊“ Next ”按鈕
3、選擇安裝目錄,點(diǎn)擊“ Next ”按鈕
4、選擇安裝項(xiàng),此處我選擇默認(rèn),點(diǎn)擊“ Next ”按鈕
5、點(diǎn)擊“ Install ”按鈕,開(kāi)始安裝
6、等待安裝完成,點(diǎn)擊“ Finish ”按鈕完成安裝
五、安裝完成查看
1、查看是否安裝成功
A、node -v 查看 node 版本
B、npm -v 查看 npm 版本
2、安裝完成后,文件目錄如下圖
如果 npx 為?5.2.0
+,會(huì)安裝一個(gè)新的包?npx
。npx是一個(gè)工具,旨在提高從npm注冊(cè)表使用軟件包的體驗(yàn) ,npm使得它非常容易地安裝和管理托管在注冊(cè)表上的依賴項(xiàng),npx使得使用CLI工具和其他托管在注冊(cè)表,大大簡(jiǎn)化了一些事情。
六、環(huán)境配置
此處的環(huán)境配置主要配置的是 npm 安裝的全局模塊所在的路徑,以及緩存cache的路徑,之所以要配置,是因?yàn)橐院笤趫?zhí)行類似:npm install express [-g] (后面的可選參數(shù)-g,g代表global全局安裝的意思)的安裝語(yǔ)句時(shí),會(huì)將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中,占C盤(pán)空間。
例如:我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中,則在我的安裝目錄下創(chuàng)建兩個(gè)文件夾【node_global】及【node_cache】如下圖:
1、設(shè)置全局目錄和緩存目錄,創(chuàng)建完兩個(gè)空文件夾之后,打開(kāi)cmd命令窗口,輸入
npm config set prefix?"D:\SDE\Node8.9.4\node_global"
npm config set cache?"D:\SDE\Node8.9.4\node_cache"
重新配置:A、刪除【 C:\Users\yi081\.npmrc 】文件重新生成。如果 .npmrc 不在這個(gè)目錄下,就 C 盤(pán)全局搜一下;B、直接修改編譯 .npmrc 文件。
2、設(shè)置環(huán)境變量,“我的電腦”-右鍵-“屬性”-“高級(jí)系統(tǒng)設(shè)置”-“高級(jí)”-“環(huán)境變量”
A、進(jìn)入環(huán)境變量對(duì)話框,在【系統(tǒng)變量】下新建【NODE_PATH】,輸入【D:\SDE\Node8.9.4\node_modules】
B、將【用戶變量】下的【Path】修改為【D:\SDE\Node8.9.4\node_global】
修改完成,點(diǎn)擊“ 確定 ”按鈕。
六、測(cè)試
配置完后,安裝個(gè)module測(cè)試下,我們就安裝最常用的express模塊,打開(kāi)cmd窗口,輸入如下命令進(jìn)行模塊的全局安裝:
npm?install express -g?# -g是全局安裝的意思
注:如果安裝時(shí)不加 -g 參數(shù),則安裝的模塊就會(huì)安裝在當(dāng)前路徑下,上例若不加 -g 參數(shù),則 express 模塊會(huì)安裝在 C:\Users\yi081目錄下的 【node_modules】目錄下,目錄若不存在會(huì)自動(dòng)生成。
打開(kāi)全局安裝目錄發(fā)現(xiàn)沒(méi)有 express 的可執(zhí)行文件,如下圖:
最后查閱網(wǎng)上資源后,原來(lái),最新express版本中將命令工具分家出來(lái)了(項(xiàng)目地址:
),所以還需要安裝一個(gè)命令工具,命令如下:npm install -g express-generator
然后打開(kāi)我們的安裝目錄發(fā)現(xiàn) express 被安裝在了全局目錄下,如下圖:
使用express創(chuàng)建一個(gè)工程,輸入命令:express helloworld
轉(zhuǎn)到 helloworld 目錄下,命令:cd helloworld
裝載 node 包管理器,執(zhí)行命令:npm install
啟動(dòng) helloworld,輸入命令:npm start,如下圖,新創(chuàng)建的 helloworld 已經(jīng)運(yùn)行在3000端口上
在瀏覽器中輸入地址:http://localhost:3000/,如下圖,訪問(wèn)我們的第一個(gè)node web 網(wǎng)頁(yè)?! ?/p>