利用Vue CLI3搭建项目

从零开始搭建项目，在这之前没搭过项目，感觉要好好地学习一下，记录一下小白的操作。
官网地址：Vue CLI

---

1、确定已经安装好@vue/cli，如下，已经安装了（一定要3.x版本，不然就不能视图化创建项目了，要用命令行）。

若之前是用1.x或者2.x的要卸载之前的版本。

npm uninstall vue-cli -g

安装新版本，可以在命令行内输入

npm install -g @vue/cli

注：因小白用npm比较熟，所以命令都是npm；若要用yarn，请另行百度。还需要注意的是，如果是mac安装，命令前面需要加sudo（因为需要权限），以下不再重复提醒。

2、进入图形化界面搭建项目

vue ui

会在浏览器打开localhost:8080，让用户选择所需要的配置。
（1）创建目录，需要注意的是，这个是让你点击选择的，或者输入。（这个只创建了目录，文件夹的名字还没取。）

（2）在详情里面输入文件夹的名字，包管理器我比较熟悉npm，所以选了npm，之后点击下一步。

（3）预设里面，我选择的是手动的，根据自己需要选择依赖。

（4）功能选择，根据需要自动选择，就算现在没选上，项目用的时候也可以用npm安装依赖。


（5）配置，预编译我选择的是node-sass

（6）预设名为config

这样就能大功告成了，只需等待程序自动配置就行。