# vue2-element-admin **Repository Path**: long-gitos/vue2-element-admin ## Basic Information - **Project Name**: vue2-element-admin - **Description**: No description available - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 3 - **Forks**: 1 - **Created**: 2021-10-28 - **Last Updated**: 2025-04-18 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # vue2-element-admin ## 项目说明 本项目是基于 [vue-admin-template](https://github.com/PanJiaChen/vue-admin-template) 一个 vue2.0 版本的后台管理模板项目。它不同点在于: 1. 更新所有的依赖包至最新版本; 2. 新增 JS 规范: Editorconfig + Eslint + Prettier + Airbnb ; 3. 新增 CSS 规范: Stylelint + Standard + Prettier + Order; 4. 新增 Git Hook:Lint-staged + Husky; 5. 新增提交规范: Commitizen + Commitlint; 6. 新增 [tailwindcss](https://tailwindcss.com/) 敏捷开发样式; 7. 预设编辑器(Visual Studio Code)插件和配置; ## 项目安装 推荐使用 yarn 安装项目依赖: ```bash # 1. 安装 yarn npm install -global yarn # 2. 设置 yarn 的镜像地址为淘宝 yarn config set registry https://registry.npm.taobao.org # 3. 查看是否更换成功 yarn config get registry # 4. 安装项目依赖 yarn install ``` ## 启动命令 ```bash # 开发环境 npm run dev # 生产环境 npm run build:prod # 自定义环境 staging npm run staging # 查看当前项目依赖包大小,有助于优化项目 npm run build:report # 启动本地静态服务查看前端的 dist 目录文件 npm run preview # 单元测试 npm run test:unit # 格式化 src 目录文件 npm run format # eslint 校验 src 目录文件 npm run lint # eslint 校验并修复 src 目录文件 npm run lint:fix # stylelint 校验 src 目录样式文件 npm run lint:css ``` ## 问题 ### 1. stylelint 不生效? 1. 在 vs code 插件市场搜索`stylelint`; 2. 右键`安装另一个版本`选择 v0.87.6 版本进行安装; 3. 重新加载 vs code 即可 ### 2. 生产环境或开发环境单独引入 mock 数据? **生产环境单独引入 mock 数据** 请将 `main.js` 23 行代码替换如下: ```js if (process.env.NODE_ENV === 'production') { const { mockXHR } = require('../mock'); mockXHR(); } ``` **开发环境单独引入 mock 数据** 1. 请将 `main.js` 23 行代码替换如下: ```js if (process.env.NODE_ENV === 'development') { const { mockXHR } = require('../mock'); mockXHR(); } ``` 2. 修改 `vue.config.js` 31 行代码替换如下: ```js // 替换前 devServer: { ... before() { // if (process.env.NODE_ENV === 'development') { require('./mock/mock-server.js'); // } } }, // 替换后 devServer: { ... before() { if (process.env.NODE_ENV === 'development') { require('./mock/mock-server.js'); } } }, ```