Skip to content
基于 Vue-cli3 搭建的脚手架项目模板,包含Webpack4.x 性能调优配置,Vue.js 全家桶开发等功能
JavaScript Vue HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Feat:优化项目:新增配置注释说明,使用alias简化路径等功能 Nov 21, 2019
public Feat:基于 Vue-cli3 搭建项目模板首次完成 Nov 7, 2019
src Feat:优化项目:新增配置注释说明,使用alias简化路径等功能 Nov 21, 2019
tests/unit Fix:修正测试组件 Nov 7, 2019
.babelrc Feat:新增 .babelrc 文件,方便按需加载组件配置 Nov 13, 2019
.browserslistrc Feat:独立.browserslistrc文件 Nov 7, 2019
.editorconfig Feat:新增单元测试配置 Nov 7, 2019
.env Feat:开放.env上传 Nov 7, 2019
.env.production Feat:基于 Vue-cli3 搭建项目模板首次完成 Nov 7, 2019
.eslintrc.js Fix:修改eslint规范 Nov 11, 2019
.gitignore Feat:开放.env上传 Nov 7, 2019
LICENSE Initial commit Nov 6, 2019
README.md Feat:优化项目:新增配置注释说明,使用alias简化路径等功能 Nov 21, 2019
babel.config.js Feat:基于 Vue-cli3 搭建项目模板首次完成 Nov 7, 2019
env.local Feat:优化项目:新增配置注释说明,使用alias简化路径等功能 Nov 21, 2019
jest.config.js Feat:新增单元测试配置 Nov 7, 2019
package.json Feat:优化项目:新增配置注释说明,使用alias简化路径等功能 Nov 21, 2019
postcss.config.js Feat:更换rem适配 && 配置引入全局样式文件 Nov 9, 2019
vue.config.js Feat:优化项目:新增配置注释说明,使用alias简化路径等功能 Nov 21, 2019
webpack.dll.conf.js Feat:基于 Vue-cli3 搭建项目模板首次完成 Nov 7, 2019
yarn.lock Feat:优化项目:新增配置注释说明,使用alias简化路径等功能 Nov 21, 2019

README.md

项目介绍

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

项目特点

license license

特征

  • Babel
  • VueRouter
  • Vuex
  • CSS 预编译工具:Less
  • HTTP 库:Axios
  • 代码规范:Linter
  • 业务代码和第三方库区分打包:DllPlugin
  • 删除冗余代码:UglifyJsPlugin
  • 开启 Gizp 压缩:compression-webpack-plugin
  • 配置引入公共样式文件
  • 使用 alias 简化路径
  • rem 适配:postcss-plugin-px2rem
  • 文件结构可视化:webpack-bundle-analyzer
  • 单元测试

安装及快速开始

# 克隆项目
$ git clone https://github.com/liangfengbo/vue-cli3-template

# 进入目录
$ cd vue-cli3-template

# 安装依赖包
$ yarn install

# 启动项目
$ yarn serve

# 依赖包 Dll 打包
$ yarnr run dll

# 项目构建打包
$ yarn run build

# 项目构建打包分析
$ yarn run build --report

# Eslint检测
$ yarn run lint

# 单元测试
$ yarn run test:unit

FAQ

  1. 没有yarn环境,npm 可以吗?

答:可以的,建议使用 yarn,yarn 比 npm 速度快,主要是安装版本统一。

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

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

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

MIT

@梁凤波

You can’t perform that action at this time.