1、直接利用vue-cli腳手架快速搭建
(1)全域性安裝vue-cli
npm install -g vue-cli
(2)建立專案
vue init webpack-simple my-project-name
1、專案名字
2、專案描述
3、作者名字
4、是否使用sass
2、切換至專案下安裝依賴
npm install
3、安裝vue-router
npm install vue-router --save-dev
4、修改webpack.config.js的輸出路徑,改成絕對路徑(靜態頁面也能顯示完全)
/dist/ 改成./dist/
5、修改index.html的script的src輸出路徑同樣改成絕對路徑(靜態頁面也能顯示完全)
/dist/ 改成./dist/