搭建vue全家桶

kimingw發表於2017-07-18

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/

 

相關文章