學習vue之windows下安裝live-server 超級詳細篇

標籤：以管理員身份運行   進入   重要   存在   通過   否則   配置到   網站   記錄   

最近項目要求用vue2.0所以開始著手學習。

前期準備：

下載Node.js 地址：http://nodejs.cn/download/ 選擇自己對應的版本，我下載的是.msi 64位的

然後就雙擊下一步吧。完成之後，記得配置環境變數（不知道環境變數在哪裡的 先拉到最下面）

因為我把Node.js安裝到了D盤nodeJs目錄下。

呼出cmd，命令走起 ，出版本號碼了 ，OK。

現在開始要安裝npm了，先介紹下npm是什麼：

npm其實是Node.js的包管理工具（package manager）。

為啥我們需要一個包管理工具呢？因為我們在Node.js上開發時，會用到很多別人寫的JavaScript代碼。如果我們要使用別人寫的某個包，每次都根據名稱搜尋一下官方網站，下載代碼，解壓，再使用，非常繁瑣。於是一個集中管理的工具應運而生：大家都把自己開發的模組打包後放到npm官網上，如果要使用，直接通過npm安裝就可以直接用，不用管代碼存在哪，應該從哪下載。

更重要的是，如果我們要使用模組A，而模組A又依賴於模組B，模組B又依賴於模組X和模組Y，npm可以根據依賴關係，把所有依賴的包都下載下來並管理起來。否則，靠我們自己手動管理，肯定既麻煩又容易出錯。（這句話是網上摘抄的）

講了這麼多，npm究竟在哪？其實npm已經在Node.js安裝的時候順帶裝好了

到此告一段落。

開始安裝live-server（live-server是基於nodejs的一款外掛程式，如果瞭解nodejs可以自己實現，更好的改連接埠啥的）

進入聯絡vue項目的目錄（放哪裡你隨便）

然後執行開始安裝

誒呦！！出錯誤了吧

趕緊上網找結果………………………………………………好了找到解決辦法了：以管理員身份運行cmd就可以，怎麼以管理員運行呢 

成功之後右上方會顯示管理員

 

然後在重新安裝live-server

完成！

命令列（項目目錄裡）輸入 live-server 報上面錯誤的話，在和你node.js安裝目錄同級目錄下面有個node目錄

將紅色框中的路徑配置到環境變數中

OK 再次輸入命令live-server 

它會直接開啟你所在目錄下的index.html檔案，現在就可以開始你的學習之路吧！！

註： 排版亂的一塌糊塗，請諒解，本人也是小白一名，有錯誤的話勿噴。有建議的話可以留言。只是自己成功安裝，記錄下過程。

 

 <!-------------------環境變數在哪裡------------------------------------------------------->

右鍵我的電腦->屬性

不同路徑之間用分號隔開即可

 

學習vue之windows下安裝live-server 超級詳細篇