學習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文件,現在就可以開始你的學習之路吧!!

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

 

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

右鍵我的電腦->屬性

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

 


免責聲明!

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



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