Vue CLI 致力于将 Vue 生态中的工具基础标准化，它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject。个人在使用vue-cli3的感受中，其零配置、可升级2个特点确实很不错哦。由此可见，vue-cli3更智能、更高效咯！大赞~
首先，如何安装vue-cli3？
1.如果你之前安装了vue-cli的旧版本，由于Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。那么你要做如下操作：
如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
2.你要有一个nodejs环境
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本。
3.你可以通过下面指令安装vue-cli3的包
npm install -g @vue/cli@3.0.0
# OR
yarn global add @vue/cli@3.0.0
4.安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。（例如 vue --version）
5.用以下命令创建一个vue的项目，另：项目名称首字母不能用大写
vue create hello-world
6.安装过程中，你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。
在多选时，空格键代表选中，enter代表进入下一个配置项
且你手动选择的配置项还会存入到你电脑的 ~/.vuerc 文件中，这样下次创建vue项目的时候，可以选择你之前手动配置的配置项，这点vue cli3做得很人性化哦！赞赞赞！
7.上面的配置选择完之后，一个简单的vue项目就创建成功了。这个时候你在命令行cd hello-world，进入到hello-world项目根路径下，命令行敲下npm run serve，项目就可以跑起来啦。
8.创建项目后的目录结构
public目录：放置ico以及你的index.html。
src目录：开发vue项目的重点目录所在。
assets目录：放置静态文件，例如：图片，js，svg的js等等啊，这个目录下的文件在生产环境下会被webpack copy。
components目录：放置公用vue组件页面。
styles目录：新增，放置重写reset.css以及阿里矢量图字体iconfont.css用。
views目录：可以用作放大模块，如登录页，首页，注册页等等。
前端独立开发有个跨域问题，之前vue-cli2的proxy-table等配置在vue-cli3中哪里配置呢？就是在多出的vue.config.js这个文件配置。
// vue.config.js
module.exports = {
// 选项...
baseUrl:"./",
outputDir:"dist",
assetsDir:"assets",
indexPath:"index.html",
filenameHashing:true,
pages:undefined,
lintOnSave:true,
runtimeCompiler:false,
transpileDependencies:[],
productionSourceMap:false,
crossorigin:undefined,
integrity:false,
devServer:{//代理
port:8086,
proxy:'http://192.168.255.201:8082'
}
}
