react v18 项目初始化

最新推荐文章于 2024-07-11 23:24:40 发布
最新推荐文章于 2024-07-11 23:24:40 发布
阅读量487 收藏
点赞数 3
分类专栏： React 文章标签： react.js javascript react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42289080/article/details/137881924
版权
本文提供了一步一步的指导，包括如何全局安装create-react-app和antd脚手架工具，以及如何添加react-router-dom并启动新项目my-react-app，同时提及了相关版本信息。
摘要由CSDN通过智能技术生成

按照以下命令进行傻瓜式操作即可：

  • 全局安装脚手架工具： npm install -g create-react-app
  • 创建项目my-react-app： create-react-app my-react-app
  • 安装 antd: yarn add antd
  • 安装 react-router-dom： yarn add react-router-dom
  • 启动项目： yarn start

版本信息如下：

在这里插入图片描述

Unique·Blue
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
❤ React18 环境搭建项目与运行（地址已经放Gitee开源--新体系为webpack搭建）
林太白
02-02 1609
❤ React18 环境搭建项目与运行（地址已经放Gitee开源）yarn dev项目启动成功，在浏览器 输入 ​​ http://localhost:​​5173/​ 即可访问react。yarn start项目启动成功，在浏览器 输入 http://localhost:3000/ 即可访问react。resolve.alias 配置项通过别名来把原导入路径映射成一个新的导入路径。在vite.config.ts 里面封装接口同意请求的前缀并且配置接口代理。
react大屏可视化项目实例
06-27
【react大屏可视化项目实例】包含react大屏可视化项目实例 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可...
React18：创建React项目（手动）
七七的博客
12-02 639
常规的React项目需要使用npm（或yarn）作为包管理器来对项目进行管理。并且React官方为了方便我们的开发，为我们提供react-scripts包。包中提供了项目开发中的大部分依赖，大大的简化了项目的开发。
【从0实现React18】 (一) 项目初始化
m0_74989367的博客
06-22 380
安装初始化配置。
前端环境搭建react18+typescript+webpack5项目 - 项目初始化
yzx231858的博客
12-24 1327
pnpm 、npm和yarn都是Node.js和JavaScript项目的包管理器。每种都有自己的优点和缺点，选择使用哪一种最终取决于你的具体需求和偏好1.更快的安装和更新时间2.更少的磁盘空间使用3.更好地支持monorepos4. 更好地支持对等依赖5.更清晰的依赖树会在根目录生成一个在根目录新建基本的项目结构：index.html初始化cliD另外因为我们在App.tsx中引入了css文件，所以还需要安装相关的loader因为。
React18：创建React项目（自动）
七七的博客
12-22 779
总的来说，除了public/index.html和src/index.js必须保留外，其他的东西都是可以删除的，使用create-react-app创建React项目后，我们还要再根据自己的需要对项目的结构和代码进行修改。
创建react18-typescript项目
qq_40243950的博客
08-16 624
create-react-app从零创建react项目，使用@craco/craco配置webpack
react18之01 创建项目 与 基础之 jsx语法(类组件、函数组件定义变量、遍历数组、使用三目、定义事件修改数据、插槽)
weixin_43845137的博客
03-22 1010
{/* 02：渲染数组 */}arr - {return (}){/* 03：渲染对象 */}
基于React和Echart的数据可视化大屏开源项目
03-25
项目概述：本项目是一款基于React和Echart技术的开源数据可视化大屏应用，主要采用TypeScript进行开发，辅以JavaScript、CSS和HTML等语言。项目包含616个文件，其中主要包括385个JSON配置文件，95个PNG图像资源，...
react-init:初始化一个React项目
05-01
"react-init"通常是指使用特定工具或脚手架初始化一个新的React项目，这使得开发者能够快速搭建起开发环境，避免从零开始设置各种配置。在这个过程中，我们通常会涉及到以下几个核心知识点： 1. **创建React应用**...
React项目初始配置
04-11
React项目初始配置
react-base:初始化React项目建设
03-27
每次开发新的react项目，总是会遇到繁琐的init项目的步骤，此项目是为了能快速进行react开发而准备的快速启动项目。 说明 使用create-react-app快速创建 React 打字稿 请求封装（待完成） 轴距 路由封装（待完成） ...
快速搭建React18 + Redux + vite + axios + ant-design项目
m0_55337573的博客
03-27 1808
本篇文章将介绍react18搭建pc端后台管理项目的初始流程，主要技术栈React18 + Redux + vite + axios + ant-design等
【React】从0到1搭建你的React18项目
前端之行，任重道远！
05-18 6573
从0到1搭建你的react18项目一，项目搭建安装脚手架CRA保留核心代码二、使用gitee管理项目三、使用scss预处理器四、配置路由基础路由在非组件环境下拿到路由信息路由懒加载五、组件库antd使用六、配置别名路径安装@craco/craco@别名路径提示七、安装dev-tools调试工具八、封装axios工具模块九、使用mobx模块化配置组件中使用mobx九、项目本地预览十、 打包体积分析 一，项目搭建 安装脚手架CRA 使用create-react-app生成项目 npx create-r
Node 20 + React 18 + Babel 7 + Webpack 5 开发环境搭建
最新发布
wwwmewww的专栏
07-11 871
【代码】React 18 + Babel 7 + Webpack 5 开发环境搭建。
React框架概述
热门推荐
橘猫吃不胖的博客
03-02 2万+
React框架概述1 React简介1.1 React概述1.2 React开发环境搭建1.3 第一个React应用1.4 React虚拟DOM1.5 ReactDOM.render()方法1.6 React的渲染机制1.7 React优势1.8 React脚手架2 React JSX2.1 JSX介绍2.2 JSX的应用2.3 JSX算数表达式2.4 JSX条件表达式2.5 JSX嵌入表达式2.6 JSX对象表达式2.7 JSX函数表达式2.8 JSX数组表达式2.9 JSX样式表达式2.10 JSX注释
react18+ts4的项目初始化（带路由配置，ReduxToolkit，axios封装）（附github地址）
Azbtt的博客
05-20 2374
react18+ts4的项目初始化（带路由配置，ReduxToolkit，axios封装）（附github地址）
React1.8踩坑-lazy懒加载报错
for what
07-30 2070
看文档找不到问题，后来输出了About才发现多了大括号才能输出，也就是lazy引入的时候多了{}包裹，{import('./About')}去掉就能用了。报错UncaughtTypeErrorCannotreadpropertiesofundefined(reading'then')报错
react项目企业初始化
06-10
对于一个 React 项目的企业初始化，你可以按照以下步骤进行： 1. 首先，你需要在 GitHub 上创建一个新的仓库，并将其命名为你的项目名称。然后，你需要将这个仓库克隆到本地电脑上。 2. 接下来，你需要选择一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值