使用 Vue UI 创建 VueJS 项目

介绍

在本文中，我们将学习如何使用图形用户界面和 Vue UI 命令创建 VueJS 项目。

必备条件

• JavaScript 和 VueJS 的基础知识
• 安装了 Node.js。
• 文本编辑器。
• 安装了 Vue CLI。

现在，我们安装 Vue CLI。使用以下命令安装 Vue CLI，

npm install -g @vue/cli

打开命令提示符并输入以下命令“Vue UI”，

按回车并检查。

这将在浏览器的 http://localhost:8000 上打开 Vue GUI。

UI 显示三个按钮，项目、创建和导入，要创建新项目，请单击“创建”按钮。

1. 单击“创建”按钮。
2. 选择要创建项目的位置。
3. 现在单击“在此处创建新项目”按钮。

在项目文件夹文本框中输入项目名称，然后单击下一步按钮。

选择默认当前（VUE3）并单击创建项目。

创建项目需要一些时间。

现在创建了一个新项目。

现在点击插件选项卡，在这个项目中安装插件和 vue 路由器。

项目创建成功，Vue router也添加了，现在到项目位置，用Vs代码打开项目。

总结

在本文中，我们学习了如何使用 Vue UI 工具从头开始创建 VueJS 项目。