vite创建vue3项目

这种方式创建的项目最快捷，因为基本依赖都装好了。

程序猿想成程序狮

2737人浏览 · 2023-05-21 22:00:22

程序猿想成程序狮 · 2023-05-21 22:00:22 发布

vite创建vue3项目

方式一（推荐）脚手架快速创建，勾选依赖的方式

这种方式创建的项目最快捷，因为基本依赖都装好了

npm init vue@latest

在这里插入图片描述

方式二使用官方模板创建vue3项目

这种方式会基于模板创建项目，对于官方模板vue-ts，只带有基础的vue和ts，不带有vue-router、pinia等

npm init vite@latest -- --template vue-ts

以上命令中，"vue-ts"是模板名称

或者使用以下命令然后勾选模板来创建项目

npm init vite@latest

在这里插入图片描述

方式三（不推荐）创建空项目，手动加依赖

这种方式创建的项目甚至连vite.config.ts都没有，如果你善于DIY，可以使用这个
输入以下命令然后勾选第一项Vanilla

npm init vite@latest

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}$/, //不连续的两位字母// /^