Windows系統下Vue開發環境搭建詳解版

標籤：nod   這一   VID   代碼檢查   開始   bsp   alt   win   dev   

 

 

?記在前面

之前學js也踩過很多坑，第一次用部落格記錄這些過程，一方面自己以後能夠回顧，另一方面也希望能協助跟我自己一樣遇到同樣問題的朋友

ps:不會的就去搜，去問，千萬不要覺著遇到痛點了，暫時走不下去了，就放棄！！！大家一起學習進步~~~

 

在慕課網上跟著這個視頻學習搭建的：https://www.imooc.com/video/12299

 

一、首先是windows系統，需要安裝node.js和git

       1.node.js:https://nodejs.org/zh-cn/    下載哪一個都可以（本人下載的第一個）

    2.git：https://git-scm.com/downloads      Windows版本     這個不用自己再配置環境變數，一直點next安裝完成即可

    3.檢查自己的node安裝是否正確

      開始->cmd->node -v       版本號碼要大於6

     

 

二、安裝鏡像cnpm（國內npm太慢）（由於我的安裝過了，所以下面的我就只輸入命令示範了）

      還是在cmd中，鍵入：npm install -g cnpm –registry=https://registry.npm.taobao.org 斷行符號

      

    

 三、安裝vue.cli腳手架

      依舊是在cmd中輸入： cnpm install -g vue-cli 斷行符號     安裝需要稍等一會

      

     等到讓你輸入東西的時候，驗證是否安裝完成：cmd中輸入：vue

     

四、建立一個項目（一定要記得建立一個檔案夾，記好存放位置）我第一次安裝的時候沒有建立，所以又重新安裝了一次

       記得建立的檔案路徑中不要有中文！！！

cmd中進入此檔案夾：

建立項目：

第一個項目名稱（直接斷行符號）    第二個項目描述（隨便寫）    第三個作者    第四個直接斷行符號   

之後的都是根據問題回答yes or no，如果嫌麻煩可以直接enter一路就可以了

 vue-router 路由外掛程式        ESLint 代碼檢查工具        unit test 單元測試        nightwatch 測試架構

做完這一步，可以去test檔案夾下看，會出現my-vue-project

 

 

五、

在cmd中開啟my-vue-project

下載各種包的依賴

讓項目跑起來

       可以下載sublime text查看node裡面npm裡的package.json裡有dev（這一步可以不用做，沒影響）

 

 成功之後出現

 

 

 開啟瀏覽器，輸入網址localhost：8080

 

 

 

以上，完成，有不懂的地方大家可以一起交流，我也是一個vue小白呢，有錯誤的地方，也歡迎指正，謝謝！

 

 

 

 

 

 

      

 

Windows系統下Vue開發環境搭建詳解版