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

【React】使用脚手架或Vite包两种方式创建react项目

1.使用脚手架搭建React项目:

在终端窗口运行如下命令即可:

npx create-react-app react-basic(创建的文件目录)

npx:Node.js工具命令,用于查找并执行后续的包命令。

2.使用Vite包创建React项目:

在终端窗口运行如下命令:

npm create vite@latest

也可以指定 vite包 版本:

npm create vite@4.1.0

按 enter 键开始执行,然后填写项目名称,这里我们选择 React 框架,使用 TypeScript 语言:

接下来我们需要进入这个项目文件夹,安装所有第三方依赖并运行我们的 Web 服务器:

现在我们在命令行输入 code . 进入 Vscode 打开该项目(你也可以直接将该项目拖入 Vscode 打开),然后按 Ctrl+` 打开 Vscode 终端,或者选择 Vscode 导航栏里的 Terminal 新建终端,在终端中输入 npm run dev 来运行Web服务器,会发现出现了一个 localhost 端口:

只需点击端口号或者在浏览器中打开这个地址,即可看到我们的项目创建成功了:


http://www.kler.cn/news/354259.html

相关文章:

  • 基于NXP LS1023+FPGA的嵌入式解决方案
  • 计算机视觉算法的演进与应用:从基础理论到前沿技术
  • 服务器和中转机协同工作以提高网络安全
  • 一站式讲解Wireshark网络抓包分析的若干场景、过滤条件及分析方法
  • Vue.js 组件开发全攻略:从基础到高级特性详解
  • 性能测试工具JMeter(二)
  • 《工业领域缺陷检测方案:创新与应用》
  • C/C++ 内存分布与管理:简单易懂的入门指南
  • hive 误删表恢复
  • 前端一键复制解决方案分享
  • Qt中的连接类型
  • 利用PHP爬虫API接口:高效获取数据的艺术
  • ICM20948 DMP代码详解(85)
  • hardhat部署智能合约
  • 面试感受(续)
  • 简单谈谈mysql中的日志 bin log
  • C语言数据结构—队列
  • Springboot中基于 IP 地址的请求速率限制拦截器
  • Java 创建图形用户界面(GUI)组件详解之JFrame、JTextField、JTextArea、JPasswordField、JScrollPane、JLabel
  • docker安装kafka并使用SASL 进行身份验证