项目介绍

基于 Vue-cli3 搭建的前端开发脚手架项目模板，主要包括有以下内容：Webpack4.x 性能调优配置，Vue.js 全家桶，移动端 vw 适配，单元测试等功能，仅供参考，欢迎大家围观指教！

项目特点

特征

• Babel
• VueRouter
• Vuex
• CSS 预编译工具：Less
• HTTP 库：Axios
• 代码规范：eslint airbnb 规范
• 业务代码和第三方库区分打包：DllPlugin
• 删除冗余代码：UglifyJsPlugin
• 开启 Gizp 压缩：compression-webpack-plugin
• 配置引入公共样式文件
• 使用 alias 简化路径
• vw 移动端适配
• 文件结构可视化：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查阅，或者有问题请到 Issues 提问，我会及时回复的，如果对你有帮助，请你点个 star 鼓励一下，谢谢！共勉！

MIT

@梁凤波