2021-07-10

通过Vue脚手架创建项目

前言

一、打开GUI面板

1）win + r 打开运行面板，输入cmd点击确定打开终端窗口。

2）在终端中输入一下命令即可启动GUI面板：

vue ui

结果如下：

二、开始创建项目

1）点击“创建”选项卡，并选择一个文件夹作为项目的存放路径。

该路径默认在C盘下，想要修改路径，操作如下：

2）点击“在此创建新项目”按钮，进入新的面板

其它默认即可，点击下一步，进入“预设面板”
3）在该面板中，可以选择曾经使用并保存过的预设，如果不想使用，可以选择“手动配置项目”。

这里我选择“手动配置项目“，点击下一步，进入功能面板。
4）在该面板中，可以根据需要选择安装某些功能。例如：常用的

5）选择上这4项后，点击下一步，进入配置面板，操作如下：

操作完成后，点击”创建项目“。
6）弹出对话框提示：是否将以上操作保存为新的预设，如果需要则起个名字，点击”保存预设并创建新项目即可“；如果不需要保存，则选择中间项按钮即可。

这里我就不保存了哈。
7）等待一段时间后，出现一下界面，那么恭喜你，项目创建成功了。

三、添加插件

在项目中，可能需要用到插件element-ui，或者依赖axios等，操作如下：
1、安装插件element-ui

等待安装完成后，出现一下界面，并做修改：
1）fully import：默认将所有的ui组件都引入到项目中，这样会使得整个项目变得十分臃肿
2）import on demand：根据需要导入组件
点击完成安装

2、配置安装axios

四、启动项目