前端學習之Node.js安裝及環境配置


  因工作需要進行node.js的安裝

一、安裝環境

  1. 本機系統:windows 10 家庭中文版
  2. node版本,node-v14.4.0-x64

二、安裝步驟

  1. 下載對應系統的node安裝包
  2. 選擇安裝目錄進行安裝
  3. 進行環境配置
  4. 測試

三、前期准備

  1、node.js簡介

    簡單的說 Node.js 就是運行在服務端的 JavaScript。Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。Node.js 的包管理器 npm,是全球最大的開源庫生態系統。

  2、node.js下載

    官網:https://nodejs.org/en/download/ 官網太慢了,可以換個地址(node.js中文網):http://nodejs.cn/download/

    

 

 

 

  下載對應系統版本的node.js,我的版本是node-v14.4.0-x64

四、開始安裝

  1、點擊下載好的安裝文件進行安裝

  

 

 

 

  2、安裝目錄,默認為C:\Program Files\nodejs\,可修改。我的改為D:\develop\nodejs\

  

 

 

 

  3、一路next,然后install

  

 

 

   4、安裝完成

   

 

 

   5、點擊Finish后,簡單驗證一下是否安裝成功

      在鍵盤按下【win+R】鍵,輸入cmd,然后回車,打開cmd窗口,

    

 

 

   然后輸入node -v 和 npm -v 分別查看node和npm版本

  

 

 

   安裝完成,安裝后的目錄如下:

  

 

 

  此處說明下:新版的Node.js已自帶npm,安裝Node.js時會一起安裝,npm的作用就是對Node.js依賴的包進行管理,也可以理解為用來安裝/卸載Node.js需要裝的東西 。

五、環境配置

  說明:這里的環境配置主要配置的是npm安裝的全局模塊所在的路徑,以及緩存cache的路徑,之所以要配置,是因為以后在執行類似:npm install express [-g] (后面的可選參數-g,g代表global全局安裝的意思)的安裝語句時,會將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中,占C盤空間。
例如:我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中,則在我安裝的文件夾【D:\Develop\nodejs】下創建兩個文件夾【node_global】及【node_cache】如下圖:

  

 

 

   

  

  創建完兩個空文件夾之后,打開cmd命令窗口,輸入

  npm config set prefix "D:\Develop\nodejs\node_global"   npm config set cache "D:\Develop\nodejs\node_cache"
  

 

   設置環境變量,“我的電腦”-右鍵-“屬性”-“高級系統設置”-“高級”-“環境變量”

  

 

 

   新建系統環境變量:NODE_PATH,值:D:\Develop\nodejs\node_global\node_modules

  

 

 

   

  修改用戶環境變量中的Path

  

 

   把C盤下的npm路徑那個值改為D:\Develop\nodejs\node_global

  

 

   

 

   然后確定即可

六、測試

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

  npm install express -g # -g是全局安裝的意思

  

 

   成功了

  注意:以后用npm下載模塊時,可能會因為是下載慢或者無法下載而安裝不上,可以用淘寶的npm鏡像,下載cnpm,之后直接用cnpm代替npm命令。具體如何安裝這里就不做說明了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM