vue3及vite搭建环境

最新推荐文章于 2024-06-03 12:17:20 发布
最新推荐文章于 2024-06-03 12:17:20 发布
阅读量977 收藏
点赞数
文章标签： java 数据库 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56817537/article/details/126348603
版权

Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。

       1,npm create vite@latest 初始化搭建环境 

       2,npm i  安装所需的依赖

 3，适合vue3的插件：Volar和TypeScript Vue Plugin

撒路耶不冷
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
《Vite 基础知识》基于 Vite4 的 Vue3 项目创建(受 Nodejs 版本限制可参考)
前端技术
01-31 2463
基于 Vite4 的 Vue3 项目创建(受 Nodejs 版本限制可参考)
vue3 + vite 从 0 搭建【后台管理系统】
qq_40893035的博客
10-13 7420
vue3 + vite 搭建后台管理系统基础模板
vue3通过Vite实现工程化
最新发布
HL031125的博客
06-03 1197
Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。官网为:Vue.js - 渐进式 JavaScript 框架 | Vue.js​
【vue3】踩坑日记，vite与node版本对应（mac环境）
weixin_44806635的博客
10-20 7711
vite+vue3抛错问题
Vite 入门 Vue Node
KingCruel的专栏
10-12 3666
Vite
使用Vite搭建Vue3 + Ts项目
weixin_41897680的博客
03-11 7615
使用Vite搭建Vue3 + Ts项目
Vite、Pinia 新一代项目工程化
subsistent的博客
01-27 1573
安装vue-router 4.x配置路由引入路由 main.js安装vuex 4.x配置 Store引入状态管理 main.js安装依赖完整引入按需引入手动导入。
【vue3】构建vite项目
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
08-28 1158
1.1下载安装后使用npm -v查看是否安装成功1.2 nvm针对node版本惊醒管理的工具。
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+...
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
vue3+vite+ts环境搭建步骤
10-21
vue3+vite+ts环境搭建步骤
Cesium+Vue3+vite环境搭建好的的源码
02-27
使用Vite搭建Cesium+Vue3环境，首先需要安装Vite。通过`npm init vite@latest`或`yarn create vite`创建一个新的Vue3项目。接着，安装Cesium依赖，如`npm install cesium --save`。在项目中配置好Cesium资源路径，...
vue3+vite+antd 后台管理系统基础模板
02-06
这个"vue3+vite+antd 后台管理系统基础模板"是一个用于快速搭建后台管理系统的项目起点。它集成了Vue3的最新特性、Vite的高效开发环境以及Antd的UI组件，为开发者提供了一个稳定且高效的开发平台。 `.env....
Vite 脚手架 搭建 Vue项目
灵魂学者的博客
07-22 2071
在之前讲过搭建 Vue 项目的脚手架 Vue-Cli，Vue-Cli目前是处于这个维护阶段，随着Vue3的到来官方推荐使用 Vite 来搭建Vue项目，Vite是一个轻量级的、速度极快的构建工具，由于其原生ES模块导入方式，可以实现闪电般的冷服务器启动。那么本篇就来使用Vite脚手架搭建Vue项目，同时也提供在VScode中需要安装哪些插件可以帮助使用者来更好的编写代码。
NVM命令行操作命令
chuying1476的博客
12-12 3474
nvm命令行操作命令 1,nvm nvm list 是查找本电脑上所有的node版本 - nvm list 查看已经安装的版本 - nvm list installed 查看已经安装的版本 - nvm list available 查看网络可以安装的版本 2,nvm install 安...
前端构建工具 Vite
两个月亮
02-09 1219
Vite 采用了与 Webpack 截然不同 unbundle 机制。Vite 在将项目打包到生产环境时，使用的工具是 Rollup。因此，Vite 相比于 Webpack 的优势主要体现在开发阶段。Vite 使用原生 ESM 文件，无需打包，可以更快速的为客户提供服务。
使用vite快速安装项目(SyntaxError：Unexpected reserved word？)
UCqqqq的博客
03-11 2046
使用vite快速安装项目(SyntaxError：Unexpected reserved word？)
在vite中限制node版本
m0_46219714的博客
04-10 541
【代码】在vite中限制node版本。
Vue3+vite搭建基础架构（1）---新建项目
weixin_48040732的博客
02-01 337
记录下使用vite搭建vue3的过程，不使用ts语法。方便以后直接使用。
vue3 vite开发环境搭建
11-02
要搭建一个基于Vue3和Vite的开发环境，可以按照以下步骤进行操作： 1. 首先确保你的电脑上已经安装了Node.js和npm包管理器。 2. 打开终端，使用npm安装Vite：npm install -g vite。 3. 创建一个新的Vue3项目：npm init vite@latest my-project --template vue-ts。 4. 进入到项目目录下，安装依赖：cd my-project && npm install。 5. 启动开发服务器：npm run dev。 6. 在浏览器中访问http://localhost:3000，你应该能够看到一个Vue3的欢迎页面。 7. 开始编写你的Vue3应用程序。 注意：在使用Vite时，不需要像以前一样使用webpack或者rollup等打包工具，因为Vite内置了开发服务器和打包工具。如果你需要打包你的应用程序，只需要执行npm run build即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值