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中实现组件跟随鼠标位置弹出效果,本文通过图文示例代码相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-02-02
这篇文章为大家详细主要介绍了如何基于Vue实现本地消息队列MQ, 让消息延迟消费或者做缓存,文中的示例代码讲解详细,需要的可以参考一下2024-02-02
Vue 动态组件的应用场景很多,可应用于动态页签,动态路由等场景,其核心原理是批量注册,在Vue2和Vue3中实现原理相同,只是语法略有差异,本文给大家介绍了Vue批量注册组件实现动态组件技巧,需要的朋友可以参考下2024-11-11
项目创建Vite是一个web开发构建工具,由于其原生ES模块导入方法,它允许快速提供代码,下面这篇文章主要给大家介绍了关于Vite打包分割代码的相关资料,需要的朋友可以参考下2022-09-09
今天小编就为大家分享一篇Vue 应用中结合vux使用微信 jssdk的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了vue模块移动组件的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
vue的应用状态管理提供了mapState、mapGetters、mapMutations、mapActions四个辅助函数，所谓的辅助函数分别对State、Getters、Mutations、Actions在完成状态的使用进行简化2021-10-10
vue.extend,mixins和vue.component的区别及说明
Vue.extend 创建Vue的子类,可视为组件构造函数,Vue.mixin 允许全局添加方法或属性,方便所有组件使用,Vue.component 是插件注册方法,通过Vue.extend创建的组件实例可以注册到Vue全局,使其在任何组件中可用2024-09-09
今天小编就为大家分享一篇vue利用v-for嵌套输出多层对象,分别输出到个表的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
Tabs 组件提供了选项卡功能,默认选中第一个标签页,下面这篇文章主要给大家介绍了关于vue elementUi中的tabs标签页使用的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下2023-03-03
最新评论