vite如何构建vue3项目
更新时间：2024年10月11日 10:59:01 作者：harmsworth2016
本文介绍了如何使用Vite快速搭建Vue项目,强调Vite对Node.js版本有最低要求（>=12.0.0）,提供了环境准备、安装步骤和启动指南,旨在帮助开发者高效启动Vue项目
环境准备
- 安装最新版本
@vuejs/app
yarn global add @vue/cli # OR npm install -g @vue/cli
- 升级到最新版本
@vitejs/app
yarn global upgrade @vue/cli # OR npm update -g @vue/cli
- 查看
vue版本
vue -V
兼容性注意
Vite 需要 Node.js 版本 >= 12.0.0。
故切换 node 版本，可查看该文章：使用 nvs 管理本地 Node 版本。
创建项目
yarn create @vitejs/app <project-name> # OR npm init @vitejs/app <project-name>
选择一个框架
选择一种 ECMAScript 的实现
创建完成
启动
npm install npm run dev # OR yarn yarn dev
目录结构
总结
vite依赖node 12版本及以上- 使用
vite构建vue项目更加简洁，启动速度飞快
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家介绍了vue之mixin的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
这篇文章主要介绍了vue移动端项目渲染pdf步骤,vue-pdf的插件在使用的过程中是连连踩坑的，基本遇到3个问题，分别在文中给大家详细介绍，需要的朋友可以参考下2022-08-08
这篇文章主要为大家详细介绍了vue实现图片转pdf的相关知识，文中的示例代码讲解详细，具有一定的借鉴价值，需要的小伙伴可以跟随小编一起了解一下2023-08-08
这篇文章主要为大家详细介绍了vue搭建多页面多系统应用的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
vue3+vue-cli4中使用svg的方式详解(亲测可用)
最近在做个vue的项目,从各种github上的开源库上借鉴开发方法,给大家分享下,这篇文章主要给大家介绍了关于vue3+vue-cli4中使用svg的相关资料,需要的朋友可以参考下2022-08-08
src/main.js是入口文件,主要作用是初始化vue实例并使用需要的插件, Vue.use()的作用就是让它里面被注册的组件能够被全局使用,本文通过实例代码介绍vue项目中main.js的用法,感兴趣的朋友一起看看吧2023-10-10
这篇文章主要为大家详细介绍了Vue如何使用EasyPlayerPro实现播放本地MP4视频功能,感兴趣的小伙伴可以跟随小编一起学习一下2024-11-11
vue3自定义指令自动获取节点的width和height代码示例
这篇文章主要介绍了如何使用ResizeObserver监听组件的宽度和高度,并将其封装成一个指令以便全局或局部使用,ResizeObserver可以监听元素的多个尺寸属性,如top、bottom、left等,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-11-11
这篇文章主要介绍了vue中属性执行顺序,选项的执行顺序是 props -> data -> computed -> watch -> created -> mounted -> methods，具体详细内容本文给大家讲解的非常详细，需要的朋友可以参考下2023-09-09
这篇文章主要给大家介绍了关于Vue页面渲染中key的应用的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
最新评论