Vue項(xiàng)目搭建

一、環(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封裝請求（十二）
五、配置全局urlAPI文件

1、簡化路徑配置.jpg

2、配置文件目錄，配置urls入口.jpeg

六、使用Vuex
在vue-cli下使用vuex（詳細(xì)教程）

七、vue vuex vue-router后臺(tái)項(xiàng)目——權(quán)限路由（超詳細(xì)簡單版）

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 天邊響起的冬雷聲敲醒了綠葉的夢，江南好象是春天我赤裸裸的跳進(jìn)太浦河向西，向北，一直北上逆流，穿梭在隨楊帝的大運(yùn)河經(jīng)...
    鴻蒙一葉閱讀 452評論 23贊 26
  • 這座每時(shí)每刻都人滿為患，車水馬龍的城市?？諝饫锩總€(gè)角落都會(huì)有不同的喧鬧聲，喇叭聲。不經(jīng)意間。你會(huì)聽見街頭大媽的細(xì)細(xì)...
    程小程connie閱讀 373評論 0贊 1
  • 區(qū)塊鏈?zhǔn)腔诩用芩惴?，共識(shí)算法，p2p網(wǎng)絡(luò)和經(jīng)濟(jì)激勵(lì)的一個(gè)系統(tǒng)，加密算法在里面起到了非常關(guān)鍵的作用，總結(jié)一下Neo...
    轉(zhuǎn)角遇見一直熊閱讀 1,929評論 0贊 1
  • 前言 交友須勝己：找積極向上，更有學(xué)識(shí)的人成為你朋友。（感悟：讀書讀難些，不要讀特別舒適的書，逃離舒適區(qū)，才能有成...
    我叫火山閱讀 760評論 0贊 0

友情鏈接更多精彩內(nèi)容