Vue-cli3.0终于发布，其实很久之前就有内测版本。
但是，那个时候，我还不知道什么是vue……
好啦，不说废话了。进入正题，我的这个博客的后台管理系统就是用VUE2 + vue-cli2 写的
本着学习新技术的态度，在vue-cli3发布两个月之后打算把vue-cli升级到3.0版本。
当然，注意一下，这个是vue-cli3.0，不是vue3.0。
所以说，项目代码还是之前的代码，就是结构变了而已。
Vue-cli3.0安装：
上边的连接是官方文档。按照上边所说的安装就可以了。我就是这么装的。
使用命令行运行
vue ui
会在浏览器打开一个页面
Vue-cli3的最大变化就是操作可视化，当然，同时兼容命令行（这不废话嘛）
同时支持typescript，这个就很好了，但是我不会，找时间看下。
第一步，创建一个项目
填上文件夹名，直接下一步就好。
第二步，预设，这个地方最好是选择手动，当然默认也可以，只是选择默认创建的项目是一个纯净的VUE项目，注意，是非常纯净的，VUE-ROUTER,VUEX之类的依赖都需要后安装
第三步，这个就有点区别了，如果上一步选择的是默认，那倒这一步就直接创建项目了，如果选择的是手动配置，那么就需要选择要安装的依赖。
第四步，这个是选择手动配置的才有的，就是选择你要安装的编译css的插件及其他，
选择你想要的，点击创建项目（手动配置，虽然创建项目的时候麻烦点，但是，创建成功之后，不需要再去安装插件，默认和手动的区别就是，一个先安装依赖，一个后安装依赖）
创建成功之后，如下图所示：
进入项目，如下图所示
\
点击依赖，如下图所示，是当前项目安装的所有依赖。
点击右上角安装依赖，可以安装你想安装的依赖，如图所示
最后点击任务，点击server，这里边是运行项目和打包项目，这里边就不详细说了。可视化操作。咋的也比命令行看着舒服
好啦，这样一个项目就创建成功了。
接下来就是把项目从vue-cli2.0 迁移到 vue-cli3.0。
Emmmmmm……
首先对比一下他们两个的目录结构
Cli3.0结构中的vue.config.js这个文件是我自己后创建的，最开始生成的项目里边是没有的。
具体里边的内容是什么，下边会说到。
对比一下，发现cli3.0少了config、build及static目录，新增了一个public目录
对于cli源码这方面，我知道的就不是特别多了，按照我的理解。Public目录就是以前的static目录，而之前config目录则变成了需要你自己创建的vue.config.js文件。对不对我不知道，这是我个人的理解，网上关于这方面的介绍有不少，感兴趣可以看下
介绍一下vue.Config.js 网上有很多相关的文章，最初我也是参考网上的我觉得比较靠谱……，结果，报的错我都没见过，没办法。看官方文档吧
https://cli.vuejs.org/zh/config/#vue-config-js
官方文档介绍的还是比较详细的。
根据官方文档，加上我简单粗暴地风格……嗯，下边就是我的 vue.config.js 的所有内容
module.exports = {
//用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
assetsDir: "assets",
devServer: {
proxy: "http://你的url"
}
};
注：这个文件里边最好不要添加一些不相关或者你用不上的内容，可能会导致你的项目运行不起来。
然后剩下的就没有什么了，
Src目录下的components目录可以完全覆盖（我就是这么干的），同级目录下的main.js、router.js、store.js除了引入对应得文件写法不一样（毕竟文件的目录不一样）之外，其余完全可以复制粘贴。做完这些，你的项目应该就可以跑起来了。
有好的建议，请在下方输入评论
