1. 程式人生 > >vue+vue-cli搭建專案

vue+vue-cli搭建專案

1.vue-cli腳手架安裝(基於node+npm環境)

 npm install vue-cli -g

2.初始化專案

vue init webpack vue_vue-cli_demo

如下輸入對應指令按回車直至最後一步

3.安裝依賴

31.進入專案資料夾內

cd vue_vue-cli_demo

3.2 npm install 

4.執行專案

npm run dev

5.開啟專案地址

在瀏覽器中輸入http://localhost:8080/#/

6.vue-router配置

由於之前vue-cli建立專案的時候我們已經選擇Y添加了vue-router,所以此處不需要額外配置