当前位置: 代码网 > it编程>前端脚本>Vue.js > vite如何构建vue3项目

vite如何构建vue3项目

2024年10月27日 Vue.js 我要评论
环境准备安装最新版本 @vuejs/appyarn global add @vue/cli# ornpm install -g @vue/cli升级到最新版本 @vitejs/appyarn glob

环境准备

  • 安装最新版本 @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 项目更加简洁,启动速度飞快

以上为个人经验,希望能给大家一个参考,也希望大家多多支持代码网。

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com