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

在浏览器打开此网址即可

相关推荐
IT_陈寒2 分钟前
Redis实战精要:5种高频使用场景与性能优化全解析|得物技术
前端·人工智能·后端
Hilaku26 分钟前
那个把代码写得亲妈都不认的同事,最后被劝退了🤷‍♂️
前端·javascript·代码规范
南囝coding26 分钟前
Node.js 原生功能狂飙,15 个热门 npm 包要失业了
前端·后端
Dragon Wu28 分钟前
TanStack Query(React Query) 常用api及操作总结
前端·javascript·前端框架
火柴就是我30 分钟前
canvas.rotate(rotation); 到底是往哪个方向转动
前端
光影少年37 分钟前
前端算法新手如何刷算法?
前端·算法
梦想是准点下班1 小时前
【vue3】 + 【vite】 + 【vite-plugin-obfuscator】混淆打包 => 放弃了,样式会丢
前端·vue.js
前端达人1 小时前
原生JavaScript vs 前端框架,2026年该怎么选?
开发语言·前端·javascript·前端框架·ecmascript
漫天黄叶远飞1 小时前
React 组件通讯全攻略:拒绝 "Props" 焦虑,掌握数据流动的艺术
前端·react.js·前端框架
梦想是准点下班1 小时前
【vue3】 + 【vite】 + 【rollup-plugin-obfuscator】混淆打包 => 打包报错
前端·vue.js