使用VueCLI3.0来做项目有半年时间了，来说一下对VueCLI3.0框架的理解和感受吧。
什么是VueCLI?
Vuecli俗称vue脚手架，也就是前台可以进行模块式开发，可以快速搭建项目原型。Vuecli3.0依赖于nodejs，请先安装nodejs，版本建议采用版本在 8.0.0 以上否则会出现兼容问题，本人使用10.2.0版本。
vue CLI 3.0
为什么要使用vuecli 3.0?
之前项目都是使用jquery和bootstrap来做项目，基本上没有什么框架，只是自己封装了一些常用的工具，后台接触了vuecli 3.0，觉得此框架有很多不错的地方，它的优势存在以下几个方面：
1. 快速原型开发
vuecli3.0支持使用命令直接生成项目，提高效率。
2. GUI可视化界面
可以通过GUI界面进行项目依赖和插件的管理，也可以进行项目的启动打包，全部可视化。
3. 现代模式
浏览器配合解析后的es6代码，使得文件体积变小，解析效率提高。
4. 支持自动局部更新
开发时支持代码的热更新，配合chrome浏览器，基本不用清理页面缓存。
5. 使用vue-router
使用vue-router配置路由，可以提高页面切换的效率，快的飞起。
6. Webpack
集成前端优秀的包管理工具webpack，实现包的自动化管理。
7. 打包
集成了打包工具，实现快速化打包，打包的文件经过压缩和混淆，缩小文件体积，提高代码安全性。
8. vuejs
包括vuejs一些优势在里面，包括数据的双向绑定、组件化、Virtual DOM、轻量高效、动画系统等等。
9. 其他
包括一些优秀的第三方插件，例如iview、element ui等等，都特别好用。
VueCLI 3.0项目结构
项目结构
从上到下依次介绍一下目录中代表的东西是什么。
1. dist
此目录为项目打包后的文件夹，部署时拷贝里面的内容即可。
2. node_modules
这里面存放nodejs管理的包，一般不上传svn，通过npm install进行下载。
3. public
此文件夹下存在一些公共的资源，包括数据、图片、配置等等，此文件打包时不做处理，原文件放在打包后文件中。有些文件数据需要放在此目录中，不然项目打包后访问不到数据。
4. src
src目录里面存在都是源代码，包括assets(资源)、componets(组件)、config(配置信息)、stores(vuex文件)、views(视图界面)、App.vue(入口文件),mian.js(管理初始化信息)、router.js(管理路由信息)、store.js(vuex入口)
5. debug.log
debug的日志信息。
6. package.json
存放管理的包信息，插件、依赖信息。
7. vue.config.js
项目的配置信息全部在这个文件里面了，包括打包、代理、服务、webpack管理等等。
总结
总体来说VueCLI3.0是一款非常优秀的前端框架，通过实践VueCLI3.0还是挺好用的，有兴趣的小伙伴们可以尝试一下，关于使用心得欢迎交流。