Nodejs安裝及環(huán)境配置

Nodejs安裝及環(huán)境配置

1、Node.js簡介

Node.js? 是一個基于?Chrome V8 引擎的 JavaScript 運行時。 Node.js 使用高效、輕量級的事件驅(qū)動、非阻塞 I/O 模型。它的包生態(tài)系統(tǒng),npm,是目前世界上最大的開源庫生態(tài)系統(tǒng)。

2、下載Node.js

點擊進入下載node.js

這里以windows64位為例 ,如下圖:


四、開始安裝

1、下載完成后,雙擊“?node-v8.9.4-x64.msi?”,開始安裝:

2、點擊“ Next ”按鈕

  3、選擇安裝目錄,點擊“ Next ”按鈕

  4、選擇安裝項,此處我選擇默認,點擊“ Next ”按鈕

  5、點擊“ Install ”按鈕,開始安裝

  6、等待安裝完成,點擊“ Finish ”按鈕完成安裝

五、安裝完成查看

  1、查看是否安裝成功

  A、node -v 查看 node 版本

  B、npm -v 查看 npm 版本

  2、安裝完成后,文件目錄如下圖

如果 npx 為?5.2.0+,會安裝一個新的包?npx。npx是一個工具,旨在提高從npm注冊表使用軟件包的體驗 ,npm使得它非常容易地安裝和管理托管在注冊表上的依賴項,npx使得使用CLI工具和其他托管在注冊表,大大簡化了一些事情。

六、環(huán)境配置

此處的環(huán)境配置主要配置的是 npm 安裝的全局模塊所在的路徑,以及緩存cache的路徑,之所以要配置,是因為以后在執(zhí)行類似:npm install express [-g] (后面的可選參數(shù)-g,g代表global全局安裝的意思)的安裝語句時,會將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中,占C盤空間。

例如:我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中,則在我的安裝目錄下創(chuàng)建兩個文件夾【node_global】及【node_cache】如下圖:

  1、設(shè)置全局目錄和緩存目錄,創(chuàng)建完兩個空文件夾之后,打開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 不在這個目錄下,就 C 盤全局搜一下;B、直接修改編譯 .npmrc 文件。

  2、設(shè)置環(huán)境變量,“我的電腦”-右鍵-“屬性”-“高級系統(tǒng)設(shè)置”-“高級”-“環(huán)境變量”

  A、進入環(huán)境變量對話框,在【系統(tǒng)變量】下新建【NODE_PATH】,輸入【D:\SDE\Node8.9.4\node_modules】

  B、將【用戶變量】下的【Path】修改為【D:\SDE\Node8.9.4\node_global】

  修改完成,點擊“ 確定 ”按鈕。

六、測試

  配置完后,安裝個module測試下,我們就安裝最常用的express模塊,打開cmd窗口,輸入如下命令進行模塊的全局安裝:

npm?install express -g?# -g是全局安裝的意思? 如果出現(xiàn)保存記得使用管理員命令行

  注:如果安裝時不加 -g 參數(shù),則安裝的模塊就會安裝在當前路徑下,上例若不加 -g 參數(shù),則 express 模塊會安裝在 C:\Users\yi081目錄下的 【node_modules】目錄下,目錄若不存在會自動生成。

  打開全局安裝目錄發(fā)現(xiàn)沒有 express 的可執(zhí)行文件,如下圖:

最后查閱網(wǎng)上資源后,原來,最新express版本中將命令工具分家出來了(項目地址:https://github.com/expressjs/generator),所以還需要安裝一個命令工具,命令如下:

  npm install -g express-generator

  然后打開我們的安裝目錄發(fā)現(xiàn) express 被安裝在了全局目錄下,如下圖:

  使用express創(chuàng)建一個工程,輸入命令:express helloworld

  轉(zhuǎn)到 helloworld 目錄下,命令:cd helloworld

  裝載 node 包管理器,執(zhí)行命令:npm install

  啟動 helloworld,輸入命令:npm start,如下圖,新創(chuàng)建的 helloworld 已經(jīng)運行在3000端口上

  在瀏覽器中輸入地址:http://localhost:3000/,如下圖,訪問我們的第一個node web 網(wǎng)頁。

最后編輯于
?著作權(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ù)。

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