创建一个vue3的项目

1. 创建一个普通的vue3项目npm instal -g @vue/cli //全局安装最新vue构建工具 (默认最新)npm create testvue3//创建一个名为myvue3的项目选择 Default ( Vue 3 Preview)//运行项目cd testvue3yarn serve效果图：2. 创建一个基于vite开发的vue3项目npm instal -g create-vi

舜岳

4521人浏览 · 2020-11-22 18:20:12

舜岳 · 2020-11-22 18:20:12 发布

1. 创建一个普通的vue3项目

npm i -g @vue/cli //全局安装最新vue构建工具 (默认最新)
vue create testvue3    //创建一个名为myvue3的项目

选择 Default ( Vue 3 Preview)
在这里插入图片描述

//运行项目
cd testvue3
yarn serve

在这里插入图片描述
效果图：

2. 创建一个基于vite开发的vue3项目

npm install -g create-vite-app   //全局安装最新vite构建工具 (默认最新)
create-vite-app my-vite-vue3     //创建一个名为myvitevue3的项目

cd my-vite-vue3  //进入项目
yarn install     //安装项目依赖
yarn dev         //启动项目

效果图：
在这里插入图片描述

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