Vue使用图形化界面创建项目

通过vue ui命令。以图形化界面创建和管理项目。1.打开要创建项目的路径2.键入vue ui，单击回车，此时会在默认浏览器中默认打开图形化界面单击创建，会显示该文件下的文件：点击创建一个新的项目，包管理器选择npm，也可选其他。然后单击下一步，在预设中选择默认，然后创建项目：...

zj12november

2742人浏览 · 2020-05-19 16:32:54

zj12november · 2020-05-19 16:32:54 发布

对比学习Vue使用命令创建项目

以图形化界面创建和管理项目。

1.打开要创建项目的路径

2.或直接进入要创建项目的文件夹下，Shift+右键此处打开Powershell窗口：

键入命令：

vue ui

单击回车，此时会在默认浏览器中默认打开图形化界面

单击创建，会显示该文件下的文件：

点击创建一个新的项目，包管理器选择npm，也可选其他。然后单击下一步，在预设中选择默认，然后创建项目。

创建完成，将出现如下图所示界面：

然后根据项目需要，在左侧侧边栏的插件，依赖，配置，任务（包含热更新）中进行适配操作。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^