矛辕。在 Git Bash命令行中
創(chuàng)建vue文件夾 ：
vue create hello-world（項目名）
進入hello-world文件夾：
cd /d/hello-world
vscode中在hello-world創(chuàng)建一個vue.config.js文件
在vue.config.js中寫如下代碼：
proxy代理https,解決跨域問題’∮赡ⅲ‘/api’表示需要去匹配請求的url，然后替換成target的值
創(chuàng)建/src/router.js并編寫路由規(guī)則:
在src中創(chuàng)建一個routes文件夾，在里面創(chuàng)建路由頁面
在src中創(chuàng)建一個文件夾測試路由
在main.js文件中掛載
引入router，并掛載
在src中創(chuàng)建一個store文件夾
store文件夾下新建一個index.js文件
文件代碼參考
store文件夾再建一個moudules文件夾
moudules文件夾下新建good文件
good文件代碼參考
在main中引入store并掛載
在src中創(chuàng)建一個utlis文件夾
utlis文件夾中分別新建
api.js? ? ? ? fetch.js? ? ? ? img.js
fetch.js代碼參考
api.js代碼參考
img.js代碼參考
在main.js中引入api并掛載在Vue的prototype上
在視圖app.vue中使用<router-view></router-view>放在div標簽中
在命令行安裝包
安裝路由
cnpm install vue-router -S
安裝狀態(tài)管理
cnpm install vuex -S
安裝axios
cnpm install axios -S
安裝sass
cnpm install node-sass -D
cnpm install sass-loader -D
在package.json中寫：
命令啟動方便
npm start 把項目跑起來
安裝element-ui
cnpm install element-ui -S
在main.js中引入并注冊即可使用??
