vue3 使用 Vite 快速搭建项目

最新推荐文章于 2024-08-14 23:33:44 发布
最新推荐文章于 2024-08-14 23:33:44 发布
阅读量232 收藏
点赞数
分类专栏： vue 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zgx20130619/article/details/125494340
版权

vue3 使用 Vite 快速搭建项目

(1) npm init vite@latest 项目名 – --template vue

(2) 进入项目

(3) npm install

(4) npm run dev

然后是http://localhost:3000/
在这里插入图片描述
插入图片描述

MySQL.1
关注
专栏目录
使用vite搭建vue3
weixin_45979310的博客
08-22 3293
vite3+vue3+router+pinia+axios+echart+BMapGL+自定义指定封装
「Vue3」手把手教你使用 Vite 快速搭建项目
Talljack 的博客园
11-29 1236
手把手教你快速使用 Vite 搭建前端项目（Vue3），如何进行各种工程化配置，让你开发爽翻天
vue3+vite搭建项目
qq_40407998的博客
03-07 3162
vue3+vite搭建项目
Vue3通过Vite实现工程化(内容超全面)
最新发布
2301_77193348的博客
08-14 964
在浏览器支持 ES 模块之前，JavaScript 并没有提供原生机制让开发者以模块化的方式进行开发。这也正是我们对 “打包” 这个概念熟悉的原因：使用工具抓取、处理并将我们的源码模块串联成可以在浏览器中运行的文件。时过境迁，我们见证了诸如webpackRollup和Parcel等工具的变迁，它们极大地改善了前端开发者的开发体验当我们开始构建越来越大型的应用时，需要处理的 JavaScript 代码量也呈指数级增长。包含数千个模块的大型项目相当普遍。
【Vue3 + Vite】Vite搭建 项目解构 Vue快速学习 第一期
Orion
01-28 2387
vue3+vite项目搭建，安装启动停止，项目目录解构，组件说明，CSS导入方式，Vue3实现计数器....
vite搭建vue3项目
weixin_41166682的博客
09-06 1471
由于html文件中不能跑App.vue文件，需要安装一个插件：执行命令 npm i @vitejs/plugin-vue -D ,如果npm run dev不报错不需要安装。还需再安装element-plus:执行命令： npm i element-plus -D然后就可以再组件中使用点击一下 element-plusUI了。配置vite.config.js文件，如果npm run dev不报错不需要配置以下代码。在组件中使用naive-ui会自动寻找依赖，不需要配置这些组件库直接用就好了。
【详细步骤】使用Vite创建Vue3项目
HQC66666的博客
05-09 7096
Vite是一个轻量级、运行速度快的前端构建工具，它支持模块热替换（Hot Module Replacement，HMR），可以即时、准确地更新模块，当代码修改时无须重新加载页面或清除应用程序状态。Vite默认安装的插件比较少，随着开发过程中依赖的增多，需要额外进行配置。Vite不需要以命令的方式安装和卸载，只要安装了npm或yarn，就可使用Vite的相关命令创建项目。Vite会作为项目的开发依赖保存在项目的node_modules目录中。
Vue3 + Vite5 + Vue Router + Pinia + Element Plus 搭建的后台管理模版
04-03
总的来说，这套"Vue3 + Vite5 + Vue Router + Pinia + Element Plus 搭建的后台管理模版"提供了一个现代化的前端开发环境，结合高效的开发工具和强大的库，使得构建后台管理系统变得更加便捷和高效。无论是对于新手...
Vue3+Vite+TypeScript+Ant Design Vue+Pinia等主流技术的后台管理系统项目.zip
01-03
Vue3+Vite+TypeScript+Ant Design Vue+Pinia是一个现代前端开发的组合，用于构建高效、可维护的后台管理系统。这个项目充分利用了这些技术的优势，提供了丰富的功能和优化的开发体验。以下是对这些技术及其在后台...
Vue3+Vite+Ts+Pinia+....一个快速开发vue3的模板框架，快速搭建前台应用.zip
02-08
使用这个模板框架，开发者可以快速搭建Vue3应用。模板可能包含了预配置的项目结构、依赖项和最佳实践，让开发者可以专注于业务逻辑，而不是基础架构。Vite的快速启动和热更新特性进一步加速了开发迭代。 综上所述，...
vite 快速搭建 Vue3.0项目（一）
yuanbotao219的博客
02-20 644
vue3.0项目快速搭建
Vue3使用vite搭建项目
shabbyaxe的博客
12-06 363
先来说下自己遇到的问题: 本人非计算机专业，前端是自学的！
手把手教你用Vite构建第一个Vue3项目
再小的帆也能远航，把分享变成一种习惯
09-04 6265
今天就来说说怎么创建第一个Vue3项目。并安装Element Plus 及一些常用配置，最终实现一个简单增删改查页面
Vue3：Vite 构建 Vue 项目
孤安先生的博客，作者主站正在重构中，敬请期待！
06-25 276
使用vite脚手架构建vue项目。
vite构建vue3项目
BREATH_YOUSELF的博客
06-25 209
---------- 使用create-vue搭框架(可选router和pinia) ------------------------- 使用vite搭框架(没有router和pinia) -------------------------- 组件库element-plus ---------------------- 预处理器 Sass ---------------------- 配路由 ------------------------- 配代理 -------------
Vue3 + Vite 实现项目搭建
大家好，我是+V
07-02 8466
创建 Vue3 项目有两种常见的方式，一种是想 vue2 版本一样使用脚手架工具创建，创建 vue3 项目的脚手架必须是4版本以上的，另一种方法就是使用 vite 创建，为什么使用 vite 呢？因为快！贼快！vite 官网：https://cn.vitejs.dev/安装 vite 构建工具： Vite 创建 vue3 项目 创建一个项目名称为 的项目： 项目创建完成的目录结构就是这个样子的。 然后进入文件夹，安装依赖，启动就可以了。然后使用 Vite 创建的项目真的厉害，秒开，不用打包直接启动。安
【vue3】使用vite构建vue3项目
热门推荐
嗨，朋友你好！我是前端领域的工作者
03-30 2万+
使用vite构建vue3项目、vite介绍、vite对比webpack
【vue3】Vue3 + Vite 项目搭建
weixin_45034639的博客
01-28 3338
Vue3 + Vite + Vant UI
vue3+vite项目搭建
09-05
要搭建一个vue3 vite项目，可以按照以下步骤进行操作： 1. 使用脚手架工具创建项目，确保脚手架工具的版本是4及以上。可以使用以下命令创建一个项目名称为vue3-wjw的项目： ```bash create-vite-app vue3-wjw ``` 2. 另一种方法是使用vite创建项目。vite是一种基于ES模块原生支持的构建工具，它具有快速、简单和开箱即用的特点。使用vite创建项目的好处是它的启动速度非常快。可以使用以下命令创建一个Vue3项目： ```bash npm init vite@latest vue3-wjw -- --template vue ``` 以上步骤可以根据个人需求选择其中一种方式来搭建vue3 vite项目。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Vue3 + Vite 实现项目搭建](https://blog.csdn.net/weixin_42776111/article/details/125573721)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [vue3+vite+qiankun+monorepo框架](https://download.csdn.net/download/qq_38862234/86293271)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值