当前位置: article > 正文

element admin从入门到精通_element-admin

作者：算法编织者 | 2024-02-04 14:08:38

踩

element-admin

1、官方文档

https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/

2、下载安装

集成版本（选择i8n分支，进入中文版）

git clone https://github.com.cnpmjs.org/PanJiaChen/vue-element-admin.git

基础版本

git clone https://github.com.cnpmjs.org/PanJiaChen/vue-admin-template.git

3、运行

安装依赖

npm install --registry=https://registry.npm.taobao.org

启动项目

npm run dev

4、项目结构

5、重命名项目

修改项目文件夹名称
修改package.jsom的name、description、author 和 package-lock.jsom的name

6、ElementUI中文版

找到 src/main.js


// import locale from 'element-ui/lib/locale/lang/en' // lang i18n
 
----------------------------------------------------------------
 
// Vue.use(ElementUI, { locale }) 
// 如果想要中文版 element-ui，按如下方式声明
Vue.use(ElementUI)

7、取消 ESLint 校验

找到vue.config.js

lintOnSave: false, // process.env.NODE_ENV === 'development',

8、更改头部title&固定头部&Logo&ico图标

找到src/settings.js

将自己的ico图标替换在 public/favicon.ico
找到Logo组件 src/layout/components/Sidebar/Logo.vue


  data() {
    return {
      title: '梦学谷博客管理系统',
      logo: require('@/assets/logo-new.png') // 注意不能直接写 '@/assets/logo-new.png'
    }
  }

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/article/detail/58943?site