利用Vue CLI3搭建项目

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

---

一、肯定已经安装好@vue/cli，以下，已经安装了（必定要3.x版本，否则就不能视图化建立项目了，要用命令行）。

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

npm uninstall vue-cli -g

安装新版本，能够在命令行内输入

npm install -g @vue/cli

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

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

vue ui

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

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

（3）预设里面，我选择的是手动的，根据本身须要选择依赖。

（4）功能选择，根据须要自动选择，就算如今没选上，项目用的时候也能够用npm安装依赖。


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

（6）预设名为config

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