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

在浏览器打开此网址即可

相关推荐
Hello_Embed3 分钟前
LVGL 入门(八):标签控件 lv_label
前端·笔记·stm32·单片机·嵌入式
小江的记录本8 分钟前
【AOP】AOP-面向切面编程 (系统性知识体系全解)
java·前端·后端·python·网络协议·青少年编程·代理模式
鹏多多9 分钟前
Flutter使用pretty_qr_code生成高颜值二维码
android·前端·flutter
Qiuner13 分钟前
浏览器拓展通用安装方法 edge浏览器、谷歌浏览器、google浏览器、火狐浏览器
前端·google·edge
xiaoxue..17 分钟前
前后端双令牌认证(Access Token + Refresh Token)全方案实现:安全与体验兼得
前端·后端·web安全·面试·typescript·nestjs
下雨打伞干嘛22 分钟前
手写Promise
开发语言·前端·javascript
Mike_jia23 分钟前
中国版的OpenClaw--OpenOcta(八爪鱼)为运维人打造的 7×24h 数字员工
前端
biubiubiu070632 分钟前
Chrome DevTools在Agent编程工具上的安装
前端·chrome·chrome devtools
老虎062732 分钟前
前端超全总结-----html,css,flex,vue,Ajax,ElementPlus,vueRouter语法应用讲解
前端·css·html
SuperEugene41 分钟前
前端基础实战:JS/TS与Vue体系化扫盲(47 篇完整目录 + 避坑)
javascript·vue.js·前端框架·npm·ecmascript·状态模式