一镶苞、環(huán)境搭建
npm install -g vue-cli
vue init webpack-simple demo
# 初始化完整的webpack項(xiàng)目
vue init webpack demo2
二肝断、引入依賴包
1蝶柿、引入elementUI庫
npm i element-ui -S
2丈钙、引入路由
npm install vue-router
3、引入axios組件
npm install axios
4交汤、引入css預(yù)處理器less
npm install -g less
npm install less less-loader --save
5雏赦、引入vuex
npm install vuex --save
在vue中引入外部less文件
vue 使用less全局變量
三、啟動(dòng)項(xiàng)目
npm run dev
四芙扎、配置項(xiàng)目
1星岗、Vue2+VueRouter2+Webpack+Axios 構(gòu)建項(xiàng)目實(shí)戰(zhàn)(二)配置環(huán)境及構(gòu)建初始項(xiàng)目
2、Vue2+VueRouter2+Webpack+Axios 構(gòu)建項(xiàng)目實(shí)戰(zhàn)(三)認(rèn)識(shí)項(xiàng)目所有文件
3戒洼、Vue項(xiàng)目實(shí)戰(zhàn)(四)調(diào)整 App.vue 和 router 路由
4俏橘、vue-axios封裝請(qǐng)求(十二)
五、配置全局urlAPI文件
1圈浇、簡(jiǎn)化路徑配置.jpg
2寥掐、配置文件目錄,配置urls入口.jpeg
六汉额、使用Vuex
在vue-cli下使用vuex(詳細(xì)教程)
七曹仗、vue vuex vue-router后臺(tái)項(xiàng)目——權(quán)限路由(超詳細(xì)簡(jiǎn)單版)