一个开箱即用的vue2模板

2022-06-08  本文已影响0人  空山晚来秋

兜兜转转,各种尝试,终于选定了自己使用的模板

这是基于大佬PanJiaChen的一个vue2模板,有两个版本。大佬推荐基于简单版本进行二次开发,参考完整版,需要什么功能就从完整版里复制过来

这是一个开箱即用的模板,省区了自己刚开始做项目的配置。

但是基础版没有支持i18n,完整版里有i18n的支持。由于自己需要i18n,经过两天折腾,终于搞定了环境配置,成功实现了i18n的功能(本人vue小白,刚接触两周),纪念自己的胜利!

学习记录

  1. vue入门是视频 尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili。老师讲的很细,学习过任何语言应该都可以触类旁通
  2. 找到此大佬的模版是视频 尚硅谷VUE项目实战,前端项目-尚品汇(大型\重磅)_哔哩哔哩_bilibili 中第123节看到的

提醒大家:学习的时候按需学习,不要一股脑儿全抓,很费精力,收获也不一定符合预期。比如视频2,看到老师基于模板进行二次开发,又看了一节怎么删怎么看,就没往后学习了

踩坑记录:

左侧菜单栏的文字是由router中设定的titile字段确定的,原代码中的title字段第一个字母为大些,但是i18n中获取的是小写,导致左侧菜单栏和面包屑部分未能获取到正确的值。这里将src/router/index.js中的title字段调整为小写即可

源码地址: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)

目录结构及参考文档详见原文档说明

参考链接:

  1. Vue-admin-template 添加国际化 - 灰信网(软件开发博客聚合) (freesion.com)
  2. (18条消息) vue-admin-template配置语言包_周数的博客-CSDN博客
上一篇 下一篇

猜你喜欢

热点阅读