1. 程式人生 > >用vue-cli快速生成vue專案

用vue-cli快速生成vue專案

一、全域性安裝webpack

npm install webpack -g

二、安裝node

三、全域性安裝vue-cli

npm install vue-cli -g

四、生成專案 

vue init webpack project_name

五、安裝依賴模組 

在專案資料夾內開啟cmd

npm install

六、開發環境執行

npm run dev

七、配置篇

1、開發環境編譯後自動開啟瀏覽器

修改confog/index.js裡面的autoOpenBrowser為true。 

2、打包後空白問題修復

 修改confog/index.js裡面的build物件中的assetsPublicPath為./。 

 

3、打包後圖片路徑問題

 在build/utils.js裡面的fallback後面新增publicPath: '../../'。