当前位置: 首页 > news >正文

搭建第一个 Vite 项目

# npm 7+,需要添加额外的 --:
npm create vite@latest my-vue-app -- --template vue

查看 create-vite 以获取每个模板的更多细节:vanillavanilla-tsvuevue-tsreactreact-tsreact-swcreact-swc-tspreactpreact-tslitlit-tssveltesvelte-tssolidsolid-tsqwikqwik-ts

你可以使用 . 作为项目名称,在当前目录中创建项目脚手架。

创建:npm create vite@latestreact-ts-pro -- --template react-ts

第一步,先装一下所有的包:npm i

尝试 run 开启动server,先打开 package.json  看下执行的命令

所以可以执行以下 npm run dev

开启了一个本地的server

 Local:   http://localhost:5173/

打开后看到  Vite + React,说明我们的项目就跑起来了,它底层的环境就是reacr+ts的环境

http://www.dtcms.com/a/244082.html

相关文章:

  • 【读论文】DiffPhyCon 扩散物理系统控制
  • 【Django】性能优化-普通版
  • C++ 网络编程(11)服务器逻辑层设计和消息完善
  • 7.7 Extracting and saving responses
  • 【医学目标检测】LN-DETR:一种基于多尺度特征融合的肺结节检测高效Transformer架构
  • Ceph分布式存储方案
  • Barcode解码 一维码、二维码识别 物流单号识别
  • ss928v100模型的导出、量化和转换
  • Kotlin的MutableList和ArrayList区别
  • Kotlin基础语法三
  • IntelliJ IDEA代码提示忽略大小写设置详解
  • 容器化包允许应用程序使用 Linux 容器
  • PyTorch:让深度学习像搭积木一样简单!!!
  • 中兴B860AV1.1_MSO9280_降级后开ADB-免刷机破解教程(非刷机)
  • IntelliJ IDEA 豆沙绿护眼色设置
  • ADB(Android Debug Bridge)Android官方调试工具及常用命令
  • 广告推荐系统中模型训练中模型的结构信息、Dense数据、Sparse数据
  • SQL ConcurrencyControl(并发控制)
  • 【机器学习-线性回归-7】中心极限定理在机器学习线性回归中的重要性
  • 从认识AI开始-----生成对抗网络(GAN):通过博弈机制,引导生成
  • 机器学习与深度学习19-线性代数02
  • 【unitrix】1.1 密封模式(srcsealed.rs)
  • 第26节 Node.js 事件
  • 一个数组样式上要分成两个
  • Python训练第五十天
  • leetcode234-回文链表
  • CTFshow-PWN-栈溢出(pwn53)
  • [学习] C语言结构体与联合体的对比分析
  • 鼠标右键添加新建某种文件的方法
  • 基于贝叶斯学习方法的块稀疏信号压缩感知算法