在使用vue框架开发的时候，很多人会选择vue官方提供的cli脚手架。最新的cli已经更新到3.0了，完全没用。配置，只需下载即可轻松使用vuecli搭建的project工程，但基本的cli无法满足正常的项目开发。在开发中，我们需要根据自己的习惯和业务功能，添加一些基础功能。我在vuec-li3的基础上重建了一些，分为pc版和移动版。主要区别是移动版增加了分辨率适配。本项目为空白版，即开即用，省去每次手动操作。构建项目工程！！GitHub上查看项目内容https://github.com/wwenj/vueC...PCpc版安装elementUI统一UI显示安装scss写法移动适配：本项目使用vw单元统一适配分辨率，在vuecli项目中，按照Damo的《如何在Vue项目中使用vw实现移动端适配》，在webpack中配置。svg组件基本配置：文件在src/icons/，组件封装在component公共组件中，用于svg显示组件，作为小图标显示，svg保存在icons/下，组件调用是css样式：在src/style/中，全局公共样式，初始化样式。routing和vuex对vuerouter和vuex做同样的模块化处理，在router/和store/中写入路由和vuex相关信息，通过函数和子模块导入请求拦截和包装使用axios进行请求，在src/request/对http.js进行封装，使用axios拦截器统一拦截请求和响应，并对每个请求的token信息或响应状态码进行处理，简单封装axios请求get，post请求，统一传递参数，并通过response返回一个promise对象，将各个接口封装在src/request/api.js中，暴露请求改变接口的方法名，返回一个promise，直接调用api.js中的方法名组件。工具类在src/utils/中，对常用枚举值、全局组件注册、常用类功能模块进行模块化封装。一些常用配置，文件夹别名，代理，打包路径等。Eslinteslint使用默认规则，配合vscode编辑器中的eslint插件保存自动修复功能。每次保存后，目录结构src/views文件会根据eslit规则自动修复写业务模块，src/components最后写公共基础组件。本项目只是根据自己的开发习惯整理的一套基于vuecli3的重构项目。为了让开发更方便更清晰，每次写一个新项目，个人项目，写个demo下载使用，比较方便，有问题可以咨询GitHub查看项目内容https：//github.com/wwenj/vueC...
