这个文章沉淀一下对vue-cli的这个前端技术栈的认识
分为两个阶段
1.通俗易懂的理解什么是vue-cli
2.对于开发者来说，要认识vue-cli的哪些层面，才算完整的认识
1.通俗易懂的理解什么是vue-cli
基础：有后端开发经验
讲个小demo，补充信息量，助于理解
作为后端开发人员，我们很熟悉springboot
这个实际上，springboot就是一个后端脚手架。
他通过maven，pom机制，引入依赖
然后通过springboot的自动装配机制，或者手动的@Bean，或者yaml把技术栈相关的参数配置好。
然后我我们就可以在包下面，创建文件夹，和类
使用import导入类（依赖提供的），使用类提供的方法。
就是写代码的基础了。
前段的vue-cli作为前段的脚手架，也有这么一个功能。
他是通过nodejs，作使用npm引入对应的前端技术栈
在main.js里，把对应的技术栈需要的参数配置好
然后我我们就可以在包下面，创建文件夹，和类
我们可以看到，这个前端技术栈主要的文件就是vue文件和js文件
vue文件可以理解成为一个小的div，整合了html，css，jss的全部内容，并且自带语法
js则是像springboot的java文件一样，引入，传递使用。
如果熟悉后端的朋友，应该理解我说的内容了
也就是，实际上vue-cli是作为前端的工程代码架子
他聚合了前端技术栈的配置
是作为我们写代码的平台，
具体在这个架子里聚合技术栈，写代码。
2.对于开发者来说，要认识vue-cli的哪些层面，才算完整的认识
我们作为开发者，对这个架子，要理解到何种的地步，才算掌握了这个技术栈呢。
1.理解这个架子的内容
2.理解这个架子要解决的事情
前端涉及的概念，也很多，并不比后端少太多。
这个就是一个前端开发的demo例子
也就是具体的前端架子的内容
我们一点一点的分析
我们从开发的流程一点一点梳理和认识
对着这些文件，我讲按层次逐个介绍，每个文件属于哪一层，以及他的作用。
第一层：依赖与环境层
第二层：工程配置层
第三层：插件配置层
第四层：业务源码层
第五层：构建打包层
后面，将在具体的文章中一一介绍这些文件的内容