Skip to content

lfb/vue-cli3-template

Repository files navigation

项目介绍

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

项目特点

license license

特征

  • 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 速度快,主要是安装版本统一。

  1. vue.config.js 里面的一些配置可以不需要吗?或者我新增一些配置可以吗?

答:可以的,你可以根据你的实际需要进行修改或增删配置的,比如你不需要 开启 Gizp 压缩,你在 vue.config.js 里面删除 开启gzip 内容即可。且 env 文件, 代理服务器的接口或转发路径,这些肯定需要改为你实际开发中的接口路径的。

  1. ... 更多问题请到 Issues查阅,或者有问题请到 Issues 提问,我会及时回复的,如果对你有帮助,请你点个 star 鼓励一下,谢谢!共勉!

MIT

@梁凤波