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'
    }
  }