Vite 快速搭建Vue3项目

小鱼儿 2022-11-20 04:51 226阅读 0赞

> 两种方式：
> 
> 1.  使用 create-vite-app 搭建
> 2.  使用 yarn create vite-app 搭建

###### 第一种方式 ######

# 全局安装
    yarn global add create-vite-app
    
    # 创建项目
    create-vite-app vitev3demo
    
    # 安装依赖
    yarn
    
    # 运行
    yarn dev

###### 第二种方式 ######

# 创建项目
    yarn create vite-app vitev3demo
    
    # 安装依赖
    yarn
    
    # 运行
    yarn dev

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYWR5Q0M_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYWR5Q0M_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYWR5Q0M_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/8a19be5a9e4f42f1973f496a710a502e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyYWR5Q0M_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/9af3d480642e45298941125025ef2d61.png

发表评论取消回复

表情：

评论列表（有 0 条评论，226人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）

vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）目录一、搭建vue3 项目前提条件二、通过create-vue搭建vue3 项

偏执的太偏执、/ 2024年03月25日 20:16/ 0 赞/ 82 阅读

相关 hbuilder搭建vue3+ts+vite的项目初始化

有能力可以直接看官网介绍：[uni-app官网][uni-app] 创建uni-app 创建以 javascript 开发的工程（如命令行创建失败，请直接访问 [git

超、凢脫俗/ 2024年03月02日 10:57/ 0 赞/ 44 阅读

相关 vite 移动端项目搭建vue3+ts+vant3

初始化项目（使用vite官方模板）,这里使用的是vue-ts版本 [vite官网][vite] npm create vite@latest my-v

缺乏、安全感/ 2023年09月25日 18:03/ 0 赞/ 126 阅读

相关 Vite 快速搭建Vue3项目

> 两种方式： > > 1. 使用 create-vite-app 搭建 > 2. 使用 yarn create vite-app 搭建第一种方式全

小鱼儿/ 2022年11月20日 04:51/ 0 赞/ 227 阅读

相关实战 | Vite2.0搭建Vue3移动端项目

![4d70df78f72a70681ef271e5326ef05f.gif][] 作者：清风皓月 zhuanlan.zhihu.com/p/351888882

Myth丶恋晨/ 2022年11月15日 05:54/ 0 赞/ 194 阅读

相关 Vue3+TS+Vite+elementPlus项目搭建

0 - 0 - 项目地址 https://gitee.com/wswhq/vue3-element-plus-vite2-updating.git [Vue3-El

梦里梦外;/ 2022年10月09日 14:29/ 0 赞/ 318 阅读

相关 Vite 快速搭建Vue3 Ts项目

Vite快速搭建 Vue3 Ts 项目 [详情请查阅vite官方文档][vite] 直接创建项目选择 vue-ts 模板 yarn create @v

傷城~/ 2022年10月05日 05:58/ 0 赞/ 181 阅读

相关 vite+vue3+ts+element-plus项目搭建--超详细

vite+vue3+ts+element-plus项目搭建–超详细 > vite 作用 1. 快速的冷启动：不需要等待打包操作； 2. 即时的热模块更新：替换性能和

迷南。/ 2022年09月11日 05:13/ 0 赞/ 253 阅读

相关 vite+vue3+element Plus搭建

1.安装安装命令如下： yarn create vite yarn add element-plus --dev cnpm instal

落日映苍穹つ/ 2022年08月28日 05:52/ 0 赞/ 175 阅读

相关 Vue CLI 3 快速搭建项目

Vue CLI 3 快速搭建项目 Vue CLI 简介安装Vue CLI 3 新建项目配置项目文件结构脚本运行开

╰+哭是因爲堅強的太久メ/ 2022年03月30日 10:58/ 0 赞/ 394 阅读