Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lfb/vue-cli3-template
基于 Vue-cli3 搭建的脚手架项目模板
https://github.com/lfb/vue-cli3-template
babel vue vue-cli-template vue-cli3 vue-cli3-template vuejs vuejs3 vuex vw webpack4
Last synced: about 6 hours ago
JSON representation
基于 Vue-cli3 搭建的脚手架项目模板
- Host: GitHub
- URL: https://github.com/lfb/vue-cli3-template
- Owner: lfb
- License: mit
- Created: 2019-11-06T21:38:21.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T12:23:35.000Z (almost 2 years ago)
- Last Synced: 2023-03-05T21:30:28.995Z (over 1 year ago)
- Topics: babel, vue, vue-cli-template, vue-cli3, vue-cli3-template, vuejs, vuejs3, vuex, vw, webpack4
- Language: JavaScript
- Homepage:
- Size: 1.45 MB
- Stars: 31
- Watchers: 3
- Forks: 13
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 项目介绍
基于 Vue-cli3 搭建的前端开发脚手架项目模板，主要包括有以下内容：Webpack4.x 性能调优配置，Vue.js 全家桶，移动端 vw 适配，单元测试等功能，仅供参考，欢迎大家围观指教！
## 项目特点
[](https://github.com/vuejs/vue)
[](https://github.com/liangfengbo/vue-cli3-template/blob/master/LICENSE)
## 特征
- [x] Babel
- [x] VueRouter
- [x] Vuex
- [x] CSS 预编译工具：Less
- [x] HTTP 库：Axios
- [x] 代码规范：eslint airbnb 规范
- [x] 业务代码和第三方库区分打包：DllPlugin
- [x] 删除冗余代码：UglifyJsPlugin
- [x] 开启 Gizp 压缩：compression-webpack-plugin
- [x] 配置引入公共样式文件
- [x] 使用 alias 简化路径
- [x] vw 移动端适配
- [x] 文件结构可视化：webpack-bundle-analyzer
## 安装及快速开始
```
# 克隆项目
$ git clone https://github.com/liangfengbo/vue-cli3-template
# 进入目录
$ cd vue-cli3-template
# 安装依赖包
$ yarn install
# 启动项目
$ yarn serve
# eslint 检测
$ yarn lint
# eslint 修复
$ yarnr lint --fix
# 项目构建打包
$ yarn run build
# 项目构建打包分析
$ yarn run build --report
# 现代模式打包
$ yarn build --modren
```
## FAQ
1. 没有yarn环境，npm 可以吗？
> 答：可以的，建议使用 yarn，yarn 比 npm 速度快，主要是安装版本统一。
2. vue.config.js 里面的一些配置可以不需要吗？或者我新增一些配置可以吗？
> 答：可以的，你可以根据你的实际需要进行修改或增删配置的，比如你不需要 开启 Gizp 压缩，你在 vue.config.js 里面删除 开启gzip 内容即可。且 env 文件, 代理服务器的接口或转发路径，这些肯定需要改为你实际开发中的接口路径的。
3. ... 更多问题请到 [Issues](https://github.com/liangfengbo/vue-cli3-template/issues)查阅，或者有问题请到 [Issues 提问](https://github.com/liangfengbo/vue-cli3-template/issues/new)，我会及时回复的，如果对你有帮助，请你点个 star 鼓励一下，谢谢！共勉！
### MIT
[@梁凤波](https://github.com/liangfengbo/vue-cli3-template/blob/master/LICENSE)