京东6.18大促主会场领京享红包更优惠

 找回密码
 立即注册

QQ登录

只需一步,快速开始

vite怎样构建vue3项目

2024-11-2 22:36| 发布者: 8b79| 查看: 117| 评论: 0

摘要: 目次环境预备创建项目启动总结环境预备 安装最新版本 [code]@vuejs/app[/code] [code]yarn global add @vue/cli # OR npm install -g @vue/cli[/code] 升级到最新版本 [code]@vitejs/app[/code] [code]yarn global u
目次

环境预备

  • 安装最新版本 [code]@vuejs/app[/code]
[code]yarn global add @vue/cli # OR npm install -g @vue/cli[/code]
  • 升级到最新版本 [code]@vitejs/app[/code]
[code]yarn global upgrade @vue/cli # OR npm update -g @vue/cli[/code]
  • 查察 [code]vue[/code] 版本
[code]vue -V[/code]

兼容性注意

Vite 需要 Node.js 版本 >= 12.0.0。

故切换 [code]node[/code] 版本,可查察该文章:利用 nvs 管理本地 Node 版本。

创建项目

[code]yarn create @vitejs/app <project-name> # OR npm init @vitejs/app <project-name>[/code]

选择一个框架

选择一种 [code]ECMAScript[/code] 的实现

创建完成

启动

[code]npm install npm run dev # OR yarn yarn dev[/code]

目次结构

总结

  • [code]vite[/code] 依靠 [code]node 12[/code] 版本及以上
  • 利用 [code]vite[/code] 构建 [code]vue[/code] 项目更加简便,启动速度飞快

以上为个人经验,盼望能给大家一个参考,也盼望大家多多支持脚本之家。


来源:https://www.jb51.net/javascript/3286039uo.htm
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
关闭

站长推荐上一条 /6 下一条

QQ|手机版|小黑屋|梦想之都-俊月星空 ( 粤ICP备18056059号 )|网站地图

GMT+8, 2025-7-2 09:22 , Processed in 0.031272 second(s), 19 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

返回顶部