如何使用 Vite 创建一个项目(Vue 或者 React)

如何使用 vite 创建一个 Vue 或者 React 项目?

  1. 打开终端,输入命令
js 复制代码
npm create vite@latest

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. 修改你需要的项目名


  1. 选择你要创建的项目的框架(Vue 还是 React 这是个问题?)
  1. 是否需要 TS 或者原生 JS 来进行开发
  1. 创建完成
  1. 打开项目
js 复制代码
1. cd 你创建的文件名
2. npm i (或者 npm install)
3. npm run dev


npm i 下载安装包完成后,使用 npm run dev,就可以看到如下画面

在浏览器打开此网址即可

相关推荐
qq_381338504 分钟前
前端状态管理新范式:Zustand、Jotai 与 Preact Signals 深度对比
前端·arcgis
布局呆星5 分钟前
Vue Router 笔记(二):正则路由、组件通信与动态路由
前端·javascript·vue.js
丑八怪大丑11 分钟前
HTML&CSS
前端·css·html
团象科技15 分钟前
全渠道出海布局之下,多币种云结算承担着怎样的作用
前端·人工智能
lolo大魔王32 分钟前
Go 语言 Web 框架 Gin 入门详解
前端·golang·gin
喵个咪1 小时前
一套Schema,生成全部代码|Kratos高效开发新范式
前端·后端·架构
Dewyze同学1 小时前
我用 Cursor 三天从零到可上线:uni-app + Fastify 全栈小程序复盘
前端
qq_381338501 小时前
前端虚拟列表与无限滚动性能优化实战:从万级数据到丝滑体验
前端·javascript·html·优化
hexu_blog1 小时前
前端vue后端springboot如何实现图片格式转换
前端·javascript·vue.js
代码煮茶1 小时前
Vue3 项目规范实战 | ESLint+Prettier+Git Hooks 搭建前端代码规范体系
前端·javascript·vue.js