快速建立Vue專案

2021-08-17 07:51:11 字數 1684 閱讀 3266

vue-cli是vuejs的專案腳手架,使用vue-cli可以快速建立vue專案

一、windows+r輸入cmd開啟命令列工具

三、命令列輸入node -v 和npm -v檢視是否出現版本號出現即為安裝成功

vue -v(大寫)檢視版本同上

五、建立專案 首先使用cd 進入到專案資料夾使用

vue init webpack  vueaa(自己定義)

npm install

七、啟動專案

npm run dev

詳細:1.windows+r快捷鍵是開啟命令輸入cmd是開啟命令列工具

2.node -v 和npm-v是命令列命令檢視版本號

3.npm install -g vue-cli是全域性安裝腳手架只需安裝一次

下次使用直接建立專案不用重複全域性安裝

4.vue -v是檢視是否安裝成功同上注意此處v大寫

5.vue init webpack  專案名字(eg:vue-project)

此命令是建立專案專案名字自己定義

?第一條是建立的專案的名字(自定義) 

enter

?第二條是專案描述eg:this is vue project    

enter

?第三條是作者eg:小明    

enter

?第四條是打包方式   

enter

?第五條是是否有路由  

y?第六條是用什麼規範**   

n?單元測試   

8.npm run dev 啟動專案

9.出現乙個http://localhost:8080有時候不會自動開啟網頁

需要自己去**輸入http://localhost:8080

出現err是報錯

前八步出現err

如果是第九步報錯可能是埠被占用改下專案檔案下的

config下的index.js裡面的port:8080

Vue學習 快速建立Vue專案

npm與cnpm cnpm是 團隊做的國內映象,因為npm的伺服器位於國外可能會影響安裝。映象與官方同步頻率目前為 10分鐘 一次以保證盡量與官方服務同步。npm install global vue cli cnpm install global vue cli 此命令只需要執行一次 vue in...

vue cli 建立快速 vue 專案

注意這安裝的是 vue cli2 版本的 vue 專案!雖然可以安裝,但是就目前而言並不適用!一般現在都用vue cli 3 1.首相你需要先有 node.js 使用node v npm v 去查詢自己是否安裝好 2.由於使用npm 下包很慢,因為是國際的問題,所以我們可以使用國內的 映象 映象安裝...

vue 建立vue專案

在程式開發中,有三種方式建立vue專案,本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...