基于vue-cli3搭建的前端模板，clone这个仓库搭建一个新项目的基础模板，源码地址，欢迎star或者fork特性CSS预编译语言：lessAjax:axios，做了一定的封装，见详情src/services/request.jsSVG精灵图：vue-svgicon移动端web适配方案：引入postcss-pxtorem和lib-flexible，可以自由使用px开发常用的js工具：cloud-utils参考style-resources-loader:全局注入相关less文件，如常用变量和mixins等常用Lessmixins集合：magicless支持基于npm脚本自动生成组件和视图支持使用TinyPNGnode.jsAPI在线压缩.jpg或.png格式图片，并转换webp格式文件支持断线处理支持自动上传webpackwatch方式编译的文件到指定服务器，并在终端打印入口页面地址并生成二维码（灵感来源：@nutui/upload）运行vue-cli-servicebuild，watch模式启动编译，编译后的文件自动上传到内网服务器（解决手动上传不便的问题）终端（命令行界面）打印出页面入口地址和二维码，即可手机扫码访问（解决手机输入地址不便）。保存修改后，增量编译（解决全量编译速度慢的问题）会将编译修改后的文件增量上传到内网服务器。（解决完整上传速度慢的问题）手机刷新页面或再次扫码即可看到变更目录的介绍。├──build#生成压缩包├──public#静态资源，不需要webpack处理├──scripts#npmscripts└──src├──assets│├──fonts#字体文件│├──img│├──js#非通过npm或yarn下载的第三方依赖│└──less#重置样式，定义常量文件等├──组件│├──SendCode#treeshaking组件│└──global#全局注册组件├──filters#全局过滤器├──icons#svg文件│└──svg├──router#路由和拦截├──services#统一服务接口请求处理└──views└──hello开发和发布#克隆项目gitclonegit@github.com:cklwblove/vue-cli3-template.git#安装依赖yarninstall#可以通过以下操作解决yarn下载速度慢的问题yarninstall--registry=https://registry.npm.taobao.org#启动服务yarnrunserve#构建生产环境yarnrunbuild#压缩dist文件夹，生成zip包yarnrundeploy#自动生成componentyarnrungen:comp#自动生成viewyarnrungen:view浏览器访问http://localhost:3000Others#--analyz基于webpack-bundle-analyzerplugin分析打包文件的组成和大小（不习惯在vueui界面上分析）yarnrunanalyzez#--report生成静态报告文件yarnrunreport相关链接vue-cli3官方文档vue-cli3.0配置chainWebpack[[VueCLI3]配置webpack-bundle-analyzer插件](https://segmentfault.com/a/11...
