【H5,vue學習】1.nodejs,npm環境安裝。

 http://blog.csdn.net/xxmeng2012/article/details/51492149

1.安裝,首先去 https://nodejs.org/ 官網下載nodejs安裝包.msi,執行安裝,安裝過程當中選擇安裝路徑,而後一直next。直到安裝結束,vue

安裝完畢後,npm也就一塊兒安裝了,而後就是npm環境配置。node

2.驗證安裝成功,快捷鍵win+r,打開cmd. 輸入 node -v ,和 npm -v 進行驗證,出現版本號則安裝成功,以下圖。vue-cli

3.這時候nodejs就已經安裝完畢了,這時候能夠體驗一把,cmd中輸入node ,進入node開發模式,而後輸入【console.log('hello nodejs')】,效果以下express

4.設置npm全局模塊存放路徑已經cache路徑,啓動cmd,npm

輸入npm config set prefix "G:\softH5\notejs\node_global"ui

以及npm config set cache "G:\softH5\notejs\node_cache"spa

會在目錄中自動生成global的文件夾, cache的文件夾也會在後續步驟中自動生成。.net

 

5.使用npm安裝express模塊,驗證安裝結果,在cmd中輸入「npm install express -g」(「-g」這個參數意思是裝到global目錄下,也就是上面說設置的「G:\softH5\notejs\node_global」裏面。)3d

 

  1. npm 是 nodejs 的官方包管理器。能夠簡單的理解爲,用這個來管理全部的依賴包,雖然不單單是如此。
  2. install 命令表示執行安裝操做。
  3. -g 是命令參數,表明,這個包將安裝爲系統全局的包。也就是說,在任何地方均可以用這個包。
  4. express  是咱們安裝的包的命令。(也可以使是vue-cli)

6.設置環境變量,右鍵個人電腦,選擇屬性,點擊高級系統設置,在彈出的系統屬性框中選擇高級-》環境變量code

 

而後分別設置用戶變量和系統變量,用戶變量選擇path 編輯,而後選擇帶有nodejs的進行編輯,修改成第4步中的路徑「G:\softH5\notejs\node_global」

環境變量爲添加新建"NODE_PATH",輸入」G:\softH5\notejs\node_global\node_modules「。

 

6.最後一步,驗證配置是否正確,修改環境變量後可能須要重啓一次 。再一次進入cmd,輸入node回車,進入開發模式,再輸入require('express'),出現下圖則表示成功。

相關文章
相關標籤/搜索