Vue实战系列教程二，本篇是针对线上项目从cli2升级到cli3的一个过程，记录了升级（爬坑）过程，其中包括了cli3的变化， vue.config.js的关键配置，以及 项目结构组织 和 构建流程优化 等内容，对 cli3 项目搭建中应知应会的知识点做了一个实践总结。

1. 根目录下创建 .env文件(我比较常用以下三种)： 2. package.json文件中进行相关配置： 3. 运行/打包： 因为vue-cli 3.3版本后后将baseUrl废除了,使用publicPath代替,将baseUrl换为publicPath就好了。 publi…

√多环境配置 √proxy √修复HMR失效 √修复Lazyloading routes Error √添加别名 √去除无效css √打包分析 √ 配置externals √sass提供全局样式及变量 √文件上传alioss √添加IE兼容 √开启gzip

这是我参与8月更文挑战的第20天，活动详情查看：8月更文挑战 1. Vue-cli2 升级到 Vue-cli3+ 1.1 卸载旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cl

随着vue脚手架的升级，越来越便于开发者开发和维护项目，本质上vue-cli3提供了基础的配置和可拓展的空间，但是vue-cli3官网对于新脚手架的用例都比较简洁，更多的内容需要我们去研究，更多都是基于webpack去拓展。为了更好的入门，我写了个常用配置的小总结，下面我们来看…

1. node 必须安装，无可厚非 2. 脚手架安装 (vue-cli3) 1. 创建一个名为 first-project 的项目 2. 自动或手动配置 3. 项目配置选择 4. 详细配置

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。