學習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文件，如今就能夠開始你的學習之路吧！！

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

 

 <!-------------------環境變量在哪裏------------------------------------------------------->

右鍵個人電腦->屬性

不一樣路徑之間用分號隔開便可