如何使用可视化快速创建一个VUE项目？

【前言】Vue.js是一套用于构建用户界面的渐进式框架，是当前市场的三大主流框架（Vue、React、Angular）之一，而Vue在国内市场上占有率很大，这得益于他简单易于上手的特点，对比其他两大框架的特点请参考Vue官方对比其他框架，这篇文章主要是介绍如何使用可视化快速创建一个Vue项目。

创建前环境配置

1. 检查Node安装

命令：node -v

2. 检查电脑是否安装npm包管理器

命令：npm -v

3. 检查是否安装vue-cli脚手架

命令：vue -V

创建项目

1. 新建文件夹，在编辑器中打开，以webstrom为例

2. 在文件夹目录下打开终端窗口

3. 输入命令vue ui敲击回车，如图所示

• 访问生成的地址http://localhost:8000;

4. 进入Vue项目管理器

5. 创建新项目

6. 选择模版（vue的版本和配置）

• 点击创建，等待创建执行完毕；

7. 创建完成效果图

8. 运行项目

9. 项目运行截图

项目配置

插件配置

1. 操作步骤

2. 查找插件并安装到项目中，以element-ui为例子

3. 打开项目的package.json文件查看安装，如何所示

依赖配置

依赖的配置和插件的配置一样，只需搜索所需要的依赖进行安装即可；

【结语】此文章主要介绍了通过可视化的工具创建一个Vue项目并进行配置的插件的安装，对于不能熟练使用命令来创建一个项目的人来说是一个福音，后续我会继续更新关于前端开发的文章，欢迎大家点赞收藏。