Vue3使用Vite创建项目

已于 2023-10-17 18:59:50 修改
阅读量178 收藏
点赞数
分类专栏： Vue3 文章标签： vue.js 前端
于 2023-10-17 18:57:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sky_MaoXiaoqi/article/details/133889719
版权

node版本：node -v
v18.16.0
npm版本: npm -v
9.5.1

Vite

Vite：是一种新型前端构建工具，能够显著提升前端开发体验
脚手架，创建Vue项目，替代 Vue-cli

基于Vite创建vue项目：
1.npm create vite@latest
在这里插入图片描述
2.完成初始化
cd vue02
npm install
npm run dev

访问：http://localhost:5173/
在这里插入图片描述
Vite的项目结构:
在这里插入图片描述

征途漫漫，唯有奋斗
关注
专栏目录
使用Vite创建vue3项目
晨曦博客
01-28 459
Vite是一个现代化的前端构建工具，专为快速开发现代Web应用而设计。它与传统的构建工具不同，采用了一种全新的开发模式，旨在提供更快的冷启动、热模块替换和按需编译的能力。Vite的主要特点包括：快速的冷启动：Vite利用ES模块的特性，在开发环境下将每个模块作为单独的文件处理，而不是将它们打包到一个文件中。这样，在启动项目时，Vite只需要进行少量的初始化工作，大大缩短了冷启动时间。真正的按需编译：Vite只会编译当前正在开发的文件，而不是整个项目，这种按需编译的方式极大地提高了开发过程中的编译速度。
vue3+vite+ts创建项目
m0_69889435的博客
08-01 1346
vue3+vite+ts创建项目。
使用 Vite 创建 Vue 3 项目
qq_43313093的博客
06-13 4251
以上就是使用 Vite 创建 Vue 3 项目的基本流程。需要注意的是，Vite 的开发服务器采用了快速的 HMR（热更新）方案，相比于传统的打包工具开发效率更高，但在生产环境中需要使用打包工具打包部署。另外，Vite 还有很多其他的特性和插件，可以根据实际需要进行使用和配置。等待片刻后，Vite 就会在浏览器中打开一个新的窗口，你就可以开始开发 Vue 3 项目了。其中，my-vue3-app 是项目的名称，你可以根据实际需要进行修改。
使用vite创建vue3项目
bbt953的博客
06-21 346
vite 新一代的前端构建工具 webpack 是当前正在使用的构建工具 npm init vite-app 项目名
vue3+vite创建项目-（傻瓜式教程）
01-19
本教程将指导你如何使用Vue3和Vite创建一个新的项目，让你轻松入门Vue3的世界。 1. 安装Vite 首先，确保你已经安装了Node.js和npm。在命令行中运行以下命令全局安装Vite： ```bash npm install -g create-vite ```...
vue3+vite 组件打包
最新发布
04-16
1. **安装依赖**：首先，确保项目已安装Vue3 和 Vite，以及必要的构建工具，如rollup或webpack。 2. **创建组件**：在`src/components`目录下创建Vue3组件，每个组件包含模板、脚本和样式。 3. **配置Vite**：在`...
基于 vite 创建 vue3 全家桶项目（vite + vue3 + tsx + pinia）
youyacoder的博客
09-13 1万+
在src目录下创建store，并在src/store中创建demo.ts文件。该文件中咱们使用的方式实现store。import {
使用Vite创建Vue3项目
Asafoetida的博客
07-18 1126
这两种方式也就是用不用ts的区别，如果不用ts，哪种安装方式都可以
2. 使用Vite创建Vue3项目
cxrlover的博客
04-24 386
文章目录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项目
猫老板的豆
09-16 8922
文章目录Vite创建Vue3项目1. 输入项目名称2. 选择框架3. 选择不同的vue4. 项目创建完成5. 项目结构6. 启动项目Vue3中使用jsx1. 安装插件2. 注册插件3. 使用插件注意 Vite创建Vue3项目 Vite 需要 Node.js 版本 >= 12.0.0。（node -v 查看自己当前的node版本） 使用 yarn：yarn create @vitejs/app 使用 npm：npm init @vitejs/app 1. 输入项目名称 这里输入我们的项目名称：
使用Vite快速创建vue3项目（超级简单，超级快速）
热门推荐
z1093541823的博客
04-22 5万+
使用Vite快速创建vue3项目（超级简单，超级快速）
vite创建vue3项目
m0_47659279的博客
05-21 2696
这种方式创建的项目最快捷，因为基本依赖都装好了。
vue3中vite创建项目
07-28
在Vue 3中使用Vite来创建项目十分简单。下面是一些步骤： 1. 首先，确保你的环境具备Node.js和...现在，你就成功地使用Vite创建了一个Vue 3项目。你可以在浏览器中访问 `http://localhost:3000` 来查看你的应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值