如何使用 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,就可以看到如下画面

在浏览器打开此网址即可

相关推荐
前端冒菜师1 分钟前
记一次AI全栈开发的过程
前端·ai编程
Giant1008 分钟前
深度玩转 Cursor Rules:让 AI 生成的代码 100% 符合团队规范
前端·面试
代码煮茶10 分钟前
Vue3 组件通信实战 | 8 种组件通信方式全解析
前端·vue.js
kyriewen11 分钟前
自定义事件:让代码之间也能“悄悄对话”
前端·javascript·面试
子兮曰18 分钟前
别把它当成一次普通“源码泄露”:Claude Code 事件给 AI Agent 团队提了什么醒
前端·npm·claude
心之语歌28 分钟前
Vue2 data + Vue3 ref/reactive 核心知识点总结
开发语言·前端·javascript
诸葛亮的芭蕉扇31 分钟前
tooltip-position-solution
前端·vue.js·elementui
LXXgalaxy1 小时前
`摸鱼决策轮盘`【vue3+ts前端实战小项目】
前端
这是个栗子1 小时前
关于 TypeScript 的介绍
前端·javascript·typescript
亿元程序员1 小时前
亿元Cocos小游戏实战合集指南和答疑
前端