创建一个vue3的项目

舜岳

已于 2022-01-24 16:21:01 修改

阅读量4.5k

点赞数 2

分类专栏： vue 文章标签： vue.js vite vue3 create-vite-app

于 2020-11-22 18:20:12 首次发布

本文链接：https://blog.csdn.net/qq_41614928/article/details/109959465

版权

vue 专栏收录该内容

80 篇文章 8 订阅

订阅专栏

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         //启动项目