# webpack5-vue2-element2-template

**Repository Path**: bulls-cows/webpack5-vue2-element2-template

## Basic Information

- **Project Name**: webpack5-vue2-element2-template
- **Description**: 一个优化过的项目模板，使用了webpack 5、vue 2、element-ui 2。本项目适合搭建PC后台管理系统。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-08-22
- **Last Updated**: 2023-12-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: webpack5

## README

# webpack5-vue2-element2-template

> 一个优化过的项目模板，使用了webpack 5、vue 2、element-ui 2。本项目适合搭建PC后台管理系统。

**如果项目帮到了您，右上角点个Star呗！**

![](./docs/webpack5-vue2-element2.gif)

## 使用说明

Node.js版本：v14.17.5

## 模板特性介绍

1. 使用最新的webpack5。
2. 集成了vue-router，并且会自动根据src/pages下的文件匹配路由，不需要手动配置路由，并且这些路由是默认懒加载的。
3. 集成了vuex，并且做了数据本地持久化。
4. 本地开发时默认使用8080端口，但可通过命令行传PORT进行指定，另外如果端口号被占用会自动寻找可用端口号。
5. 启动本地开发服务器后，会自动打开浏览器，如浏览器上已开有对应页面则会复用之前的标签页不会新开标签页。
6. 支持代码质量工具：eslint、prettier。
7. html的body标签上会自动添加构建时间，方便确认看到的版本。
8. 支持本地请求转发。
9. 默认支持任意路径部署（不限制绝对路径）。
10. dev和build之前都会检查node版本号、npm版本号是否符合package.json中engines字段里的要求。
11. 强制检验package.json文件里依赖项的版本号是否写死。

## 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request

## 参考

1. node版本校验逻辑参考自vue-cli 2源码。
2. 自动选择可用端口号逻辑参考自[choose-port](https://github.com/andrelmlins/choose-port/blob/master/index.js)。

## 版权

[MIT](./LICENSE)