最近开发的我的项目后盾基于vue-element-admin开发，在逐步完善的过程中遇到了一些问题，特此总结，心愿能对你有所帮忙。

先上链接，真的很好用，安利一下，链接如下：

  • A magical vue admin

基本上罕用的不罕用的性能都有，就不多说了，有趣味链接中转，正式开始注释。

批改菜单图标为elementUI图标

官网的svg图标的确比拟少，增加我也感觉繁琐，另外，既然集成了elementUI，间接用elementUI图标就好了。

改：

批改菜单icon为elementUI图标：// 文件地址：src\layout\components\Sidebar\Item.vue// if (icon) {//   vnodes.push(<svg-icon icon-class={icon}/>)// }if (icon) {  vnodes.push(<i class={icon}></i>)}

敞开eslint

官网已有答案

// vue.config.jslintOnSave: false

but，如果你应用的是git治理代码，会发现commit的时候依旧会触发eslint。

// package.json "lint-staged": {    "src/**/*.{js,vue}": [      "eslint --fix", // 删除这一行      "git add"    ]  },

减少本地环境变量

// package.json "scripts": {    "local": "vue-cli-service serve --mode local",    ...  },

复制.env.production为.env.local，自定义配置后，运行：

yarn run local

缓存页面

想缓存的页面：

<script>export default {  name: "cacheIndex",

退出cachedViews

// src\store\modules\tagsView.jsconst state = {  visitedViews: [],  cachedViews: [    'cacheIndex'  ]}

最近开发的我的项目后盾基于vue-element-admin开发，在逐步完善的过程中遇到了一些问题，特此总结，心愿能对你有所帮忙。

先上链接，真的很好用，安利一下，链接如下：

  • A magical vue admin

基本上罕用的不罕用的性能都有，就不多说了，有趣味链接中转，正式开始注释。

批改菜单图标为elementUI图标

官网的svg图标的确比拟少，增加我也感觉繁琐，另外，既然集成了elementUI，间接用elementUI图标就好了。

改：

批改菜单icon为elementUI图标：// 文件地址：src\layout\components\Sidebar\Item.vue// if (icon) {//   vnodes.push(<svg-icon icon-class={icon}/>)// }if (icon) {  vnodes.push(<i class={icon}></i>)}

敞开eslint

官网已有答案

// vue.config.jslintOnSave: false

but，如果你应用的是git治理代码，会发现commit的时候依旧会触发eslint。

// package.json "lint-staged": {    "src/**/*.{js,vue}": [      "eslint --fix", // 删除这一行      "git add"    ]  },

减少本地环境变量

// package.json "scripts": {    "local": "vue-cli-service serve --mode local",    ...  },

复制.env.production为.env.local，自定义配置后，运行：

yarn run local

缓存页面

想缓存的页面：

<script>export default {  name: "cacheIndex",

退出cachedViews

// src\store\modules\tagsView.jsconst state = {  visitedViews: [],  cachedViews: [    'cacheIndex'  ]}