创建vue-cli3.0及以上版本项目

vue2.0版本安装请移步这里

1.安装node,vue-cli3.0要求node版本8或者更高，查看node版本 node -v

2.安装vue-cli

npm install -g @vue/cli

卸载vue-cli npm uninstall -g @vue/cli

查看vue-cli版本 vue -V   （如图1）

图1

3.创建项目 vue create daping  (daping 为自己项目的名称)， 按下箭头，选择最后一个自定义配置（如图2）

图2

可以按电脑上下箭头进行选择，使用空格键选中或取消，a选中所有，i反选，（如图3） 

图3

Babel：es6语法转es5
Router： 配置vue-router路由
Vuex：vuex状态管理
CSS Pre-processors： css预处理器

回车后，根据自己项目需要选择对应的配置（如图4）

图4

 根据指引，启动项目，先切换到项目目录下，然后执行 npm run serve  （如图5、6）

图5

 图6

浏览器输入地址，显示如下，表示项目启动成功（如图7）

图7

4.目录结构（如图8），和2.0版本相比，少了build 和config文件夹

图8

补充：1.在安装过程中遇到的一点小问题，刚开始安装的时候，没有让选择预定义那个选项，也就是缺少图2这一步骤

        解决方法：把项目以及项目外层的文件夹整体删掉，重新执行vue create xxx(项目名称) 命令后，即可出现图2

2.这个小问题和csdn有关，就是截的图片有的很清晰有的很模糊，后来发现宽度小一点的图片清晰，宽度大一点的图片就有点模糊了

        解决办法：最后面的图标点击一下，由宽屏变为窄屏，可解决一定程度的图片不清晰问题，但是图片如果过宽，仍然是有点模糊

参考文章：vue-cli3.0安装及配置（完整版）

                  vue-cli 3 和 vue-cli 2的区别[转]