创建React项目

最新推荐文章于 2024-05-11 11:08:51 发布
最新推荐文章于 2024-05-11 11:08:51 发布
阅读量108 收藏
点赞数
分类专栏： React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zuo_zuo_blog/article/details/106377923
版权
本文详细介绍使用Create-React-App脚手架快速搭建React项目的过程，并进一步介绍如何安装及配置react-router-dom实现项目内页面路由跳转。通过npminstall命令安装依赖，最后运行npmstart启动项目。
摘要由CSDN通过智能技术生成

1.npm install create-react-app -g
2.create-react-app react-demo (react-demo项目名)
3.cd react-demo
4.npm install
5.npm start
6.npm install --save react-router-dom 路由配置

更多
学习

zuo_zuo_blog
关注
专栏目录
yarn创建react项目
qq_40273756的博客
12-05 6856
yarn创建react项目 1.安装yarn https://yarnpkg.com/zh-Hans/docs/install 2.创建项目及安装antd 在cmd下输入“npm install create-react-app yarn -g” 在指定项目目录下输入 create-react-app your_project_name 例如“create-react-app react_t...
创建react-bootstrap的demo工程
megglove的专栏
03-28 364
1.安装react脚手架命令 npm install create-react-app -g 本例中的版本为create-react-app@3.4.1 2.通过react脚手架创建demo工程 create-react-app bootstrap-app-demo 3.测试demo工程可以运行成功 npm install npm start 可以通过ht...
创建react项目
PiscesGirl的博客
12-23 1027
创建react项目
如何创建React项目
hwx865的专栏
10-13 8396
默认，create react app 创建的项目是看不到 webpack 相关的配置的，如果熟悉 webpack 的小伙伴，知道 package.json 中的配置会很多，而react脚手架中的 package.json 中，依赖为什么这么少。不同于 vue-cli 这样的工具。这是因为像 webpack，babel 等等都是被 creat react app 封装到了 react-scripts 这个项目当中，包括基本启动命令 都是通过调用 react-scripts 这个依赖下面的命令进行启动的。
如何创建react项目
weixin_44921894的博客
01-03 624
2、cmd打开你想要创建项目的文件，输入以下命令，hello_world是项目名称，可自己更改。1、首先要保证安装了react，-g是全局安装。5、用代码编写工具愉快地敲代码吧。3、构建完毕后，切换到项目目录。
Vite创建React项目
猫老板的豆
09-16 5319
文章目录1. 输入项目名称2. 选择框架3. 选择不同4. 项目创建完成5. 项目结构6. 启动项目 Vite 需要 Node.js 版本 >= 12.0.0。（node -v 查看自己当前的node版本） 使用 yarn：yarn create @vitejs/app 使用 npm：npm init @vitejs/app 1. 输入项目名称 这里输入我们的项目名称：vite-react 2. 选择框架 这里选择我们需要集成的框架：react vanilla：原生js，没有任何框架集
idea创建react项目
weixin_45095695的博客
04-19 1206
注意：这里默认安装的Add to PATH其实已经帮你配置好了环境了，网上一大堆自己手动去配置环境不需要的。注意：如果启动失败，报环境变量类型的错误，重启电脑即可，idea集成插件有时候就是不好使，需要重启。打开官网下载链接:https://nodejs.org/en/download/注意记得配置插件，将你前面安装的Node.js配置到idea的插件里。3、Ideal配置react开发环境。1、下载安装Node.js。安装node.js插件。4、新建react工程。
使用vite创建react项目
最新发布
weixin_41844140的博客
05-11 575
【代码】使用vite创建react项目。
vite创建React项目 react从零入门
ICUiseeyou的博客
05-04 7972
react vite css react-router-dom 路由
使用IDEA创建的一个简单的react项目
07-25
- 首先，确保已经安装了Node.js，因为创建React项目需要用到npm（Node包管理器）。 - 打开IDEA，选择"Create New Project"，在左侧的列表中找到"JavaScript"，然后选择"React"模板。 - 按照向导设置项目名称、...
【React】9、使用create-react-app（CRA）创建react项目
Coding and studying
06-01 1090
第一步，全局安装：第二步，切换到想创项目的目录，使用命令：第三步，进入项目文件夹：第四步，启动项目：你当然可以选择不全局安装你可以直接执行这样可以不安装create-react-app而直接创建你的脚手架项目你还可以执行创建一个支持TS语言的react脚手架项目。当看到这个界面在你的浏览器里自动打开的时候，你的脚手架项目就已经创建好了～ ---- 静态资源文件夹src ---- 源码文件夹App.css -------- App组件的样式App.test.js ---- 用于给App做测试index.css
创建react项目时遇到的报错
qq_45429539的博客
02-04 4565
创建react项目时遇到的报错 百度到的第一个方法： 1.执行npm install -g create-react-app全局安装 2.执行npx create-react-app myapp创建项目 结果控制台打印： (node:18924) ExperimentalWarning: The fs.promises API is experimental You are running `create-react-app` 4.0.1, which is behind the latest relea
脚手架创建react项目流程
We_990528的博客
06-28 673
注意: 在使用 create-react-app 来创建一个新的React应用，在拉取各种资源时,往往会非常慢,一直卡在那,因为资源还是使用了 npm下载的, 我们可以换成淘宝的资源, 执行指令。2, 在组件jsx导入样式文件时使用 import styles from './xxx.module.css' 导入 代替 import './xxx.css'1, 创建组件样式文件时以 xxx.module.css命名, 例如 Home.module.css 代替 Home.css。
修改ant-design表格hover的颜色和取消hover变色
zuo_zuo_blog的博客
03-07 5024
tr:hover:not(.ant-table-expanded-row)不过这里从来没有见过这种用法，这里记录一下：not() 匹配不符合一组选择器的元素，就是当元素有ant-table-expanded-row样式的时候，不会触发这个hover的样式。 例子 .tableGroup .@{ant-prefix}-table-tbody > tr.cuhk-nur-event-table-row:hover:not(.showBlueGroup) > td { background: #f.
React子组件修改父组件数据
zuo_zuo_blog的博客
11-18 3220
React子组件修改父组件数据 子组件 class LookDetail extends Component { constructor(props,context) { super(props,context) this.state = {}; } back=()=>{// 子组件的点击事件 this.props.changeData() // 这个changeData()就是激活父组件的方法，可以传值 } render() { const {
ant.design组件Table嵌套子表格（动态数据）
zuo_zuo_blog的博客
03-07 3034
import React, { Component } from 'react' import { Table } from 'antd'; const dataSource = [{ busi_name: "指标用户1103 ", prov_name: "西藏", task_id: 7911, item: [{ busi_name: "指标用户1103 ", log_id: 8955, prov_name: "西藏",
react router中设置默认路由
zuo_zuo_blog的博客
06-19 2994
1.引入所需插件 import {HashRouter as Router,Route,Redirect,Link,NavLink} from ‘react-router-dom’ 2.设置默认路由 方法一 <Route path="/" component={MyTable} exact></Route> <Route path="/myTable" component={MyTable}></Route> 方法二 <Redirect pat
antd的input输入框超出内容划过显示完整提示
zuo_zuo_blog的博客
04-15 2779
<Tooltip placement="bottom" title={ <span style={{ color: '#979898' }}> {text} </span> } visible={record.popVisible} arrowPointAtCenter..
webstorm创建react项目
09-13
在WebStorm中创建React项目，可以按照以下步骤进行操作： 1. 打开WebStorm，并点击主界面的 "Create New Project" 或者 "New Project" 按钮。 2. 在弹出的对话框中，选择左侧的 "React" 并点击 "Next"。 3. 在下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值