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

在浏览器打开此网址即可

相关推荐
jin421352几秒前
基于React Native鸿蒙跨平台一款阅读追踪应用完成进度条的增加与减少,可以实现任务的进度计算逻辑
javascript·react native·react.js·ecmascript·harmonyos
星夜落月1 分钟前
从零部署Wallos:打造专属预算管理平台
服务器·前端·网络·建站
qq_12498707535 分钟前
基于html的书城阅读器系统的设计与实现(源码+论文+部署+安装)
前端·vue.js·spring boot·后端·mysql·信息可视化·html
方安乐7 分钟前
react笔记之useLayoutEffect
javascript·笔记·react.js
cn_mengbei9 分钟前
React Native + OpenHarmony:useState延迟初始化
javascript·react native·react.js
lexiangqicheng9 分钟前
【全网最全】React Native 安卓原生工程结构与构建机制深度解析
android·react native·react.js
新技术克15 分钟前
高级进阶 React Native 鸿蒙跨平台开发:NativeEventEmitter 原生事件发射器
javascript·react native·react.js·harmonyos
一个懒人懒人25 分钟前
mysql2连接池配置与优化
前端·mysql
PorkCanteen32 分钟前
Cursor使用-从问题到解决方案(以及一些通用rules)
前端·ai·ai编程
小马_xiaoen1 小时前
Promise 从入门到精通:彻底解决前端异步回调问题!!!
前端·javascript