vue-cli3建立及配置

全局安装

先安装vue-cli3，即 @vue/cli

npm install -g @vue/cli

查看是否安装成功
命令vue -V 若是版本为3.x，恭喜你，迈出第一步了！

建立项目

这里以项目名为 vue-admin 为例

vue create vue-admin

看到下图所示，这里会列出你以往保存的配置，键盘上下键选择配置，咱们选择最后一个，自行配置。

而后会进入下图所示步骤，按你本身需求选择一些配置，鼠标上下键选择，按空格标记选中状态。选好回车。

继续，看到下图，我选择sass

继续，这里询问你，把babel,postcss,eslint这些配置文件放哪
1.独立文件放置
2.放package.json里

我选择独立放置

接下来y，回车就好了，而后就生成了项目。
这里和vue2的运行方式不同，由原来的npm run dev改为了npm run serve

运行后：

配置

和cli2版本相比，减小了不少文件（去掉了cli2的build和config等目录）。

那么咱们的一些配置，要放到哪里呢？？
应在根目录下建立配置文件vue.config.js，举例以下配置，配置了项目使用的端口号，并在项目启动后直接在浏览器打开。