安裝node.js->npm->vue

        咱們研究vue時，首先操做的就是vue的引用，大部分人爲了方便直接在頁面上引用vue.js，可是一些大型網站仍是比較喜歡用vue的npm命令來安裝vue並使用，以前研究vue時，研究過使用npm安裝的方式，可是老是沒裝成功，當時由於一些緣由就放棄了繼續研究下去，直接引用vue.js的方式來學習vue。這兩天恰好有時間來繼續研究下vue的npm安裝方式，中間也趕上了一些問題。折騰了兩天總算搞完了，如今回想起來，也挺容易的。下面就從安裝node.js到npm的設置，再到vue的安裝的步驟來描述下過程。

第一步： 使用npm的命令來安裝vue，首先電腦得安裝node.js，才能使用，先從官網下載node.js，官網地址：https://nodejs.org/en/，除了更改安裝路徑，其餘的直接默認「下一步」就能夠。

注意：

node.js 最好安裝到D盤，我原本是安裝C盤，可是以前我電腦帳戶由於是公司的電腦，而當時我是非超級管理員的帳戶，node.js被我安裝到了C盤，後面用npm的方式安裝文件時，老是報錯，提示沒有權限。

固然若是你的帳號是電腦的管理員，node.js裝到C盤，可是在啓動cmd前要用「使用管理員方式打開」，不然npm命令安裝時可能會出現沒有權限的錯誤。

我的是以爲裝到D盤，能夠避免一些錯誤，並且後期若是須要用npm安裝一些插件啥的，或者是npm緩存，也能夠節省C盤的磁盤空間。

第二步：查看node.js和npm是否已安裝成功

1） 「以管理員身份運行」 cmd窗口，在窗口中輸入命令： node -v

如上圖所示，輸入命令後，出現nodeJS版本號，則說明nodeJS已安裝成功

2）輸入npm -v 命令，可查看nodejs是否已安裝內置npm,

如上圖所示，若是有安裝，則顯示npm的版本號，通常狀況下都自動安裝npm,

若是輸入npm -v 報錯，則表示沒有安裝內置的npm,則須要本身另外安裝npm,這種狀況比較少.這裏就不作演示了

3) 輸入命令：path  , 查看是否有nodejs的環境變量

　

　　　　　　　如上圖所示，若是有nondeJs的安裝路徑，則說明nodejs 已自動添加了path路徑，若是沒有，則需本身添加，添加方法：（如下是以win10爲例）

右擊「此電腦」，「屬性」 -> "高級屬性" -> 「高級」 標籤頁 -> 「環境變量」 ：點擊"path" -> 編輯->彈出框中點擊空白行->瀏覽->選擇nodejs安裝的目錄->肯定->肯定->肯定->關閉屬性窗口 ；

環境變量已添加完。

第三步：配置npm

1）在nodejs安裝目錄新建兩個文件夾 npm_gobal 和 npm_cache ：分別用於npm的全局路徑和緩存路徑。

      npm默認全局路徑地址和緩存路徑是在C盤的appData目錄下，若是後期須要使用或者查看很不方便，並且還給C盤增長壓力，所以最好修改下，通常狀況下建議放到nodejs的安裝目錄下。

2）設置npm全局路徑和緩存路徑的環境變量：

   右擊「此電腦」，「屬性」 -> "高級屬性" -> 「高級」 標籤頁 -> 「環境變量」 ：點擊"path" -> 編輯->點擊彈出框中點擊空白行->瀏覽->選擇新建的npm_gobal文件夾->肯定

   ->點擊彈出框中點擊空白行->瀏覽->選擇新建的npm_cache文件夾->肯定->肯定->關閉屬性窗口 

3）「以管理員身份」 運行cmd, 用命令配置npm:

       配置npm的全局路徑： npm config set prefix "D:\Program Files\nodejs\npm_global"

　　　　　　　     配置npm的緩存路徑：npm  config set cache "D:\Program Files\nodejs\npm_cache"

更換鏡像站爲國內的淘寶鏡像站：npm config set registry="http://registry.npm.taobao.org" 

　　　　　　　　

       由此，npm已配置好，可經過命令： npm config ls  查看npm的全部配置

第四步： 命令安裝vue，在cmd窗口中輸入並執行命令： npm install -g vue-cli

　　　　注意以上命令是安裝全局的vue, 安裝後可執行命令： vue --version 查看是否安裝成功，若是安裝成功可看到vue的版本號

              若是須要安裝局部vue,則在cmd窗口中輸入並執行命令：npm install vue-cli  安裝後可執行命令： npm vue --version 查看是否安裝成功，若是安裝成功可看到vue的版本號

注意：若是到第四步執行報rollbackFailedOptional verb npm-session 的錯誤，則須要設置npm的代理服務器，如下須要根據各自的網絡需求來定：

　　　在cmd窗口執行下面兩個命令：

           命令1：npm config proxy 代理服務地址和端口

           命令2：npm config set https-proxy 代理服務器地址和端口

           有些還須要設置git代理服務器，有些不須要，若是有須要則執行如下兩個命令：

    命令1：git config --global http.proxy 代理服務地址和端口

    命令2：git config --global http.proxy 代理服務地址和端口

 

    若是所用網絡不須要代理，則要把npm代理和git代理去掉

 　　　　　　刪除npm 代理：

　　　　　　命令1：npm config delete proxy

　　　　　　命令2：npm config delete https-proxy

                      刪除git代理：

　　　　　　命令1：git config --global --unset http.proxy

　　　　　　命令2：git config --global --unset https:proxy

　　　　    設置完成後，從新操做上面第四步，就能夠了。

 

若是趕上其餘問題，送你個解決方案：

百度吧，兄弟