Node.js 安裝及環境配置 以及google瀏覽器安裝插件並使用


一、安裝環境

1、本機系統:Windows 10 企業版(64位)
2、Node.js:node-v10.16.0-x64.msi(64位)

二、安裝Node.js步驟

1、下載對應自己系統對應的 Node.js 版本,地址:https://nodejs.org/zh-cn/
2、選安裝目錄進行安裝
3、環境配置
4、測試

三、前期准備

1、Node.js簡介

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

2、下載Node.js

  官方地址:https://nodejs.org/en/ 或 https://nodejs.org/zh-cn/
  我下載的是 node-v10.16.0-x64.msi,如下圖: 

 

 

四、開始安裝

  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、安裝完成后,文件目錄如下圖

  

 

六、環境配置

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

  

  1、設置全局目錄和緩存目錄,創建完兩個空文件夾之后,打開cmd命令窗口,輸入

  npm config set prefix "C:\Program Files\nodejs\node_global"

  npm config set cache "C:\Program Files\nodejs\node_cache"

 

 

 

  重新配置:A、刪除【 C:\Users\yi081\.npmrc 】文件重新生成。如果 .npmrc 不在這個目錄下,就 C 盤全局搜一下;B、直接修改編譯 .npmrc 文件。

 

 

 

 

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

  A、進入環境變量對話框,在【系統變量】下新建【NODE_PATH】,輸入【C:\Program Files\nodejs\node_modules】

  B、將【用戶變量】下的【Path】修改為【C:\Program Files\nodejs\node_global】

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

六、測試

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

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

  

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

  

  打開全局安裝目錄發現沒有 express 的可執行文件,如下圖:

  

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

  npm install -g express-generator

  

  然后打開我們的安裝目錄發現 express 被安裝在了全局目錄下,如下圖:

  

  使用express創建一個工程,輸入命令:express helloworld

   

  轉到 helloworld 目錄下,命令:cd helloworld

  

  裝載 node 包管理器,執行命令:npm install

  

  啟動 helloworld,輸入命令:npm start,如下圖,新創建的 helloworld 已經運行在3000端口上

  

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

  

 

 

 

安裝插件!!!!

 

下載地址:鏈接:https://pan.baidu.com/s/1BwvxetR59gQOrP1KmPlThA 提取碼:xkwt

 

然后將剛剛編譯后的工程中的shells目錄下,chrome的整個文件夾直接拖拽到當前瀏覽器中,並選擇啟用,即可將插件安裝到瀏覽器。

 

安裝插件之后如果是灰色:

 

 

修改   C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\hcbdbkcpkllkhcnojjajbmpjidbmceko\4.1.4_0    目錄下的mainifest.json 中的persistant為true:

 

 


免責聲明!

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



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