vite 创建 vue3项目

最新推荐文章于 2024-08-31 15:46:00 发布
原创 最新推荐文章于 2024-08-31 15:46:00 发布 · 256 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue-cli3 #vue

本文介绍了一种解决使用Vite搭建Vue项目时遇到的启动报错问题的方法。通过手动安装esbuild并执行特定命令，最终成功启动了项目。 
npm i -g create-vite-app

npm init @vitejs/app my-vue-app

cd my-vue-app

npm install

npm run dev

执行 npm run dev 报错  

找了半天 说是esbuild的坑

执行

node ./node_modules/esbuild/install.js

然后执行

npm run dev

启动成功

 
Vite 创建 Vue3 项目(完整)
m0_54158068的博客
02-25 2万+
Vite 创建 Vue3 项目(完整)
使用 Vite 搭建 Vue3 项目
m0_69214212的博客
04-07 1495
文章首发于 不二博客 最近有个前端新手小伙伴问我如何使用 Vite 搭建项目，说自己跟着官方文档搭建了之后，为什么 Vuex 和 Vue Router 都不能使用，在交流了之后才知道，原来他以为使用 Vite 和 Vue Cli 搭建的项目一样，什么都帮我们安装好了，可以直接上手使用，其实 Vite 是需要我们自己逐个安装自己需要的插件的。 搭建 Vite 项目 npm create vite@latest 然后根据提示操作即可！ 安装 Vuex npm install vuex@next --save.
Vite创建Vue3项目
热门推荐
weixin_50117915的博客
01-16 1万+
Vite创建Vue3项目
vite创建vue3项目
最新发布
shykevin的博客
08-31 674
概述 Vite(法语意为 "快速的"，发音 /vit/，发音同 "veet")是一种新型前端构建工具，能够显著提升前端开发体验。 官网：https://cn.vitejs.dev/guide/ 安装vite 最新版本的vite，要求nodejs版本，必须是18.x以上，所以需要确保你的node版本足够高。 本文使用nodejs最新版本v22.7.0 yarn add vite 创建项目 使用...
通过Vite创建Vue3项目
qq_65142821的博客
03-30 493
【代码】通过Vite创建Vue3项目。
使用Vite创建vue3项目
晨曦博客
01-28 710
Vite是一个现代化的前端构建工具，专为快速开发现代Web应用而设计。它与传统的构建工具不同，采用了一种全新的开发模式，旨在提供更快的冷启动、热模块替换和按需编译的能力。Vite的主要特点包括：快速的冷启动：Vite利用ES模块的特性，在开发环境下将每个模块作为单独的文件处理，而不是将它们打包到一个文件中。这样，在启动项目时，Vite只需要进行少量的初始化工作，大大缩短了冷启动时间。真正的按需编译：Vite只会编译当前正在开发的文件，而不是整个项目，这种按需编译的方式极大地提高了开发过程中的编译速度。
vue3学习教程第二节（使用vite 创建vue3项目）
刺客-Andy 的博客
02-26 471
使用vite创建vue3项目，
vite 构建vue3
weixin_54274691的博客
07-28 214
3.pnpm create vite (以上三种方法都可以)今天主要讲的是npm create vite@latest创建项目。第一步（ 输入名字不输入默认用vite-project）2.cd project_name 启动。方法一、（vue-cli）方法二、(vite)官网。1.检查node环境。
使用 Vite 创建 Vue 3 项目
qq_43313093的博客
06-13 4685
以上就是使用 Vite 创建 Vue 3 项目的基本流程。需要注意的是，Vite 的开发服务器采用了快速的 HMR（热更新）方案，相比于传统的打包工具开发效率更高，但在生产环境中需要使用打包工具打包部署。另外，Vite 还有很多其他的特性和插件，可以根据实际需要进行使用和配置。等待片刻后，Vite 就会在浏览器中打开一个新的窗口，你就可以开始开发 Vue 3 项目了。其中，my-vue3-app 是项目的名称，你可以根据实际需要进行修改。
使用Vite创建Vue3项目
Asafoetida的博客
07-18 1457
这两种方式也就是用不用ts的区别，如果不用ts，哪种安装方式都可以
使用vite创建vue3项目
imkaifan的博客
12-08 457
vite基本使用 目标：了解vite是什么，使用vite创建vue项目，用来学习vue3知识 vite是什么：官方文档(opens new window) 它是一个更加轻量（热更新速度快，打包构建速度快）的vue项目脚手架工具。 相对于vue-cli它默认安装的插件非常少，随着开发过程依赖增多，需要自己额外配置。 所以： 在单纯学习vue3语法会使用它，后面做项目的时候我们还是使用vue-cli vite基本使用： 创建项目 npm init vite-app 项目名称 或者 yarn create vi
利用vite创建vue3工程
资浅程序媛，个人公众/头条/百家号：郑州小闲人，关注权限已向你开放
01-03 586
官方创建的前端构建工具。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值