VUE 使用 Vite 创建一个 vue3.0 + vite 项目

Vite 是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:

  1. 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。

  2. 一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。

vite 管网-开始

本章通过yarn进行 vue3.0 + vite 项目的创建

使用yarn安装后,项目默认使用yarn进行包管理

javascript 复制代码
// npm 命令安装
npm create vite@latest

// yarn 命令安装
yarn create vite

// pnpm 命令安装
pnpm create vite

// bun 命令安装
bun create vite
1. 执行 yarn create vite 命令
2. 选择一个框架,咱们这里选Vue(键盘上下键进行选择,回车确认)
3. 选择一些js库,这里咱们选择 Customize with create-vue ↗
4. 进行vue相关库的选择 (以下根据项目需求 选择是否需要安装相关库)
5. 使用yarn 安装依赖库
6. 运行项目 (成功啦!!)
相关推荐
CoolerWu34 分钟前
TRAE SOLO实战成功展示&总结:一个所见即所得的笔记软体
前端·javascript
Cassie燁41 分钟前
el-button源码解读1——为什么组件最外层套的是Vue内置组件Component
前端·vue.js
vx_bscxy32241 分钟前
告别毕设焦虑!Python 爬虫 + Java 系统 + 数据大屏,含详细开发文档 基于web的图书管理系统74010 (上万套实战教程,赠送源码)
java·前端·课程设计
北极糊的狐42 分钟前
Vue3 子组件修改父组件传递的对象并同步的方法汇总
前端·javascript·vue.js
spionbo42 分钟前
Vue3 前端分页功能实现的技术方案及应用实例解析
前端
Zyx200743 分钟前
JavaScript 作用域与闭包(下):闭包如何让变量“长生不老”
javascript
AI绘画小3344 分钟前
Web 安全核心真相:别太相信任何人!40 个漏洞挖掘实战清单,直接套用!
前端·数据库·测试工具·安全·web安全·网络安全·黑客
7***n751 小时前
前端设计模式详解
前端·设计模式·状态模式
u***j3241 小时前
JavaScript在Node.js中的进程管理
开发语言·javascript·node.js
用户47949283569151 小时前
Vite 中 SVG 404 的幕后黑手:你真的懂静态资源处理吗?
前端·vite