使用vite构建Vue3项目

最新推荐文章于 2024-08-24 13:42:14 发布
最新推荐文章于 2024-08-24 13:42:14 发布
阅读量475 收藏 11
点赞数 9
文章标签： vite vue3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38673922/article/details/135402211
版权

1、安装vite

npm init vite@latest   npm构建vite项目
yarn create vite   yarn构建vite项目

2、依次需要配置项目名 、框架选择、原生和ts版本的选择
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

r+ enter 重新开始服务
o + enter 快速打开浏览器

3、项目启动效果
在这里插入图片描述

Zh.冠军
关注
使用Vite创建Vue3项目
Asafoetida的博客
07-18 1145
这两种方式也就是用不用ts的区别，如果不用ts，哪种安装方式都可以
使用Vite创建vue3项目
晨曦博客
01-28 466
Vite是一个现代化的前端构建工具，专为快速开发现代Web应用而设计。它与传统的构建工具不同，采用了一种全新的开发模式，旨在提供更快的冷启动、热模块替换和按需编译的能力。Vite的主要特点包括：快速的冷启动：Vite利用ES模块的特性，在开发环境下将每个模块作为单独的文件处理，而不是将它们打包到一个文件中。这样，在启动项目时，Vite只需要进行少量的初始化工作，大大缩短了冷启动时间。真正的按需编译：Vite只会编译当前正在开发的文件，而不是整个项目，这种按需编译的方式极大地提高了开发过程中的编译速度。
使用 Vite 创建 Vue 3 项目
qq_43313093的博客
06-13 4279
以上就是使用 Vite 创建 Vue 3 项目的基本流程。需要注意的是，Vite 的开发服务器采用了快速的 HMR（热更新）方案，相比于传统的打包工具开发效率更高，但在生产环境中需要使用打包工具打包部署。另外，Vite 还有很多其他的特性和插件，可以根据实际需要进行使用和配置。等待片刻后，Vite 就会在浏览器中打开一个新的窗口，你就可以开始开发 Vue 3 项目了。其中，my-vue3-app 是项目的名称，你可以根据实际需要进行修改。
从零开始创建VUE3.0项目
最新发布
qq_41367785的博客
08-24 1095
错误：加载引用“https://json.schemastore.org/package”时出现问题: 无法从“https://json.schemastore.org/package”加载架构: getaddrinfo ENOTFOUND json.schemastore.org。创建的是时候有很多选项，这个根据自己需要来选择，不会的就按照上面来选择即可。错误： 无法找到模块“./components/XXX.vue”的声明文件。当遇到任何错误，看着没有问题，就是报错，那么就重启软件，再试试。
使用vite创建vue3项目
weixin_44733526的博客
02-09 3806
使用vite搭建带有typescript+vue-router+vuex的vue3项目
Vue 基于vite构建vue3项目 以及基础语法演示
07-17
Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础语法演示Vue 基于vite构建vue3项目 以及基础...
使用vite构建vue3 项目
08-26
使用Vite构建Vue 3项目非常简单。下面是一个简单的步骤指南： 1. 首先，确保您已经安装了最新版本的Node.js。您可以在终端中运行`node --version`来检查您当前的Node.js版本。 2. 安装Vite脚手架工具。在终端中...
使用Vite构建Vue3项目及基础语法实例解析
资源摘要信息:"Vue.js作为当前流行的前端JavaScript框架，为开发人员提供了构建用户...通过这个项目，开发者不仅可以学会如何使用Vite构建Vue 3应用，还可以通过实际操作深入理解和掌握Vue 3的基础语法和重要特性。
使用vite 搭建vue 3的项目
weixin_52984349的博客
11-30 3991
使用vite 搭建vue 3的项目
【Vue3】使用Vite构建工具构建Vue3项目
早睡早起长头发的博客
08-17 6626
一、利用cmd和vscode创建 二、利用webstorm创建
2. 使用Vite创建Vue3项目
cxrlover的博客
04-24 390
文章目录Vite什么是Vite安装Vite利用Vite创建项目安装项目依赖 Vite 什么是Vite Vite是Vue作者开发的一款意图取代webpack的工具 原理是利用了ES6的import会发送请求去加载文件的特性，拦截这些请求，做一些预编译，省去webpack冗长的打包时间。 Vite也是一个Vue的包管理工具。 安装Vite npm install -g create-vite-app 利用Vite创建项目 create-vite-app projectName 安装项目依赖 cd proje
Vite创建Vue3项目
weixin_50117915的博客
01-16 1794
Vite创建Vue3项目
使用Vite快速创建vue3项目（超级简单，超级快速）
热门推荐
z1093541823的博客
04-22 5万+
使用Vite快速创建vue3项目（超级简单，超级快速）
vite创建vue3项目
qq_45438471的博客
10-11 471
在开发软件阶段，时间就是金钱。VUE CLI和Vite 均是构建Vue项目的工具。而随着开发技术的发展，Vite引起了很多人的关注？为什么会有这个现象的出现呢？   因为 Vite 的开发服务器速度很快。Vite对 JavaScript 模块使用本机浏览器支持，所以服务器启动时间是即时的。这种方法还意味着，无论应用程序的大小如何，热模块更换都保持快速，因为不必重建整个捆绑包。   接下来，让我们来看看如何用 Vite 创建Vue3项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值