兜兜轉(zhuǎn)轉(zhuǎn)持际,各種嘗試儡羔,終于選定了自己使用的模板
這是基于大佬PanJiaChen的一個vue2模板冯勉,有兩個版本纷妆。大佬推薦基于簡單版本進行二次開發(fā),參考完整版墅冷,需要什么功能就從完整版里復(fù)制過來
這是一個開箱即用的模板纯路,省區(qū)了自己剛開始做項目的配置。
但是基礎(chǔ)版沒有支持i18n寞忿,完整版里有i18n的支持驰唬。由于自己需要i18n,經(jīng)過兩天折騰罐脊,終于搞定了環(huán)境配置定嗓,成功實現(xiàn)了i18n的功能(本人vue小白,剛接觸兩周)萍桌,紀念自己的勝利宵溅!
學(xué)習(xí)記錄
- vue入門是視頻 尚硅谷Vue2.0+Vue3.0全套教程丨vuejs從入門到精通_嗶哩嗶哩_bilibili。老師講的很細上炎,學(xué)習(xí)過任何語言應(yīng)該都可以觸類旁通
- 找到此大佬的模版是視頻 尚硅谷VUE項目實戰(zhàn)恃逻,前端項目-尚品匯(大型\重磅)_嗶哩嗶哩_bilibili 中第123節(jié)看到的
提醒大家:學(xué)習(xí)的時候按需學(xué)習(xí)雏搂,不要一股腦兒全抓,很費精力寇损,收獲也不一定符合預(yù)期凸郑。比如視頻2,看到老師基于模板進行二次開發(fā)矛市,又看了一節(jié)怎么刪怎么看芙沥,就沒往后學(xué)習(xí)了
踩坑記錄:
左側(cè)菜單欄的文字是由router中設(shè)定的titile字段確定的,原代碼中的title字段第一個字母為大些浊吏,但是i18n中獲取的是小寫而昨,導(dǎo)致左側(cè)菜單欄和面包屑部分未能獲取到正確的值。這里將src/router/index.js
中的title字段調(diào)整為小寫即可
源碼地址:vue-admin-template-i18n/index.js at main · fanfan6/vue-admin-template-i18n (github.com)
git地址:fanfan6/vue-admin-template-i18n: 基于vue-admin-template項目找田,增加了i18n配置 (github.com)
目錄結(jié)構(gòu)及參考文檔詳見原文檔說明
參考鏈接: