vue-cli3项目搭建——有点顺眼

使用vue-cli3搭建项目

官方地址：https://cli.vuejs.org/zh
如果安装过旧版本（vue-cli）建议删除重新安装新版本(@vue/cli)
删除指令：

npm uninstall vue-cli -g   ||  yarn global remove vue-cli

``安装指令```

npm install -g @vue/cli   ||  yarn global add @vue/cli

检测是否成功

vue --version

项目创建

创建：注意项目名字不可以有大写字母哦

vue create hello-world

按需选择配置、项目运行方式、插件等等
根据你选择的包管理方式运行

npm run serve    ||  yarn serve

vue-cli3还提供了界面式的创建项目：

在终端中执行:

vue ui

呈现以下界vue项目管理器

点击创建之后跟着提示往下走即可，按需安装的插件或者配置还会有提示信息

创建完成的新项目对比如下：

那么vue-cli3创建的项目结构跟react+dva创建的就类似多了
注意：vue-cli3创建的项目因为丢弃了build和config两个文件，所以需要在根目录创建一个vue.config.js在此填写配置信息（本人比较懒是网上找的）