【Vue】如何优雅的初始化Vue项目

1.首先我们会考虑使用脚手架安装

安装脚手架工具：

npm i -g vue-cli

查看vue是否安装成功&版本号：vue -v
使用vue-cli初始化项目：vue create project-name 其中 project-name是项目名称。 之后按Enter选择Vue2. 一定要注意，我这里是使用命令 vue create 项目名称初始化创建的，所以没有太多的Enter操作。只需要选择vue的版本就可以。 在这里我选择的是Vue2版本。
创建完成后结果如下：

2.当然我们也会考虑使用可视化面板

在使用vue ui指令的时候 必须有一个前提就是：安装全局的vue-cli脚手架。 从而才可以使用vue ui指令启动可视化的面板。

（1）cmd进入到你存放项目的文件下执行vue ui命令
当看到以上结果的时候你 惊讶的发现，默认的浏览器已经打开了。

而此时就进入到了可视化的面板， 接下来就可以创建项目了。 来，跟着我的步伐仪器操作：

（2）点击创建即可来到创建项目的位置如下：

（3）输入项目名称，Git初始化仓库 选择打开：

（4）预设就是一套定义好的插件和配置。 你也可以将自己的配置保存成预设，方便以后创建项目使用。这里我们选择手动

（5）选择手动，进入下一步，我们安装bable、Router、Linter、使用配置文件

（6）这里提示是否选择默认路由，这里我们选择关闭，最后点击创建项目

（7）是否保存为预设，这里我们选择不保存

(8)正在创建项目

经过一段时间的等待，我们的项目就创建好了。

点击插件选择右上角 添加插件操作如下：

点击添加插件选择vue-cli-element插件安装：


配置插件如下：

安装运行依赖axios

到此为止初始化的项目就创建完成。
生活如此美好，秃顶不成问题…