第二节：使用IDEA创建React APP 并启动

最新推荐文章于 2023-06-28 11:35:51 发布
最新推荐文章于 2023-06-28 11:35:51 发布
阅读量2.4k 收藏 3
点赞数 1
分类专栏： React 文章标签： IDEA创建React APP React开发工具 IDEA快速上手R IDEA快速上手React reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhenghhgz/article/details/104983288
版权
本文介绍如何使用IDEA创建React应用。首先，从"Create New Project"开始，选择"New Project React APP"。接着，直接"Finish"完成设置。在遇到npm启动报错时，通过调整配置解决问题，确保React应用成功运行。最终，应用在浏览器中正常显示。
摘要由CSDN通过智能技术生成

前言

由于是从事后端开发，那么对IDEA开发工具“情有独钟”，本节就使用IDEA开发工具来创建一个my-app项目。

操作步骤

第一步：Create New Project

image.png

第二步：选择New Project React APP

image.png

image.png

**第三步：选择Finish **

image.png

image.png

第三步：开发工具配置npm启动

最低0.47元/天 解锁文章
IT实战联盟Lin
关注
专栏目录
使用IDEA创建一个简单的React项目
qq_43609574的博客
07-25 3189
创建一个简单的React项目版本说明项目创建与运行结合element-react添加简单的点击计数组件点击运行 版本说明 IDEA 2020.3.2 react 17.0.2 element-react 1.4.34 项目创建与运行 以管理员的身份打开命令提示符，切换到想要存放react项目的空文件夹下 安装create-react-app npm install -g create-react-app 创建项目 create-react-app demo-react01 创建完成后项目文件结构
react启动过程
ABCDANCA的博客
07-02 882
React 启动过程分析 经历一个月的学习整理，站在前人的肩膀上，对 React 有了一些浅薄的理解，希望记录自己的学习过程的同时也可以给大家带来一点小帮助。如果此系列文章对您有些帮助，还望在座各位义夫义母不吝点赞关注支持 🐶，也希望各位大佬拍砖探讨 React 包概览 「react」 react 基础包，只提供定义 react 组件(React Element)的必要函数，一般来说需要和渲染器(react-dom,react-native)一同使用.在编写 react 应用的代码时，大部分都是调此包的
用idea打开reactjs项目
Leaf_Daizy的博客
03-06 6021
一、安装node 确保 node 版本是 8.10 或以上 国内阿里开发的淘宝npm镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 进入idea软件，安装node.js插件 安装完后需要重启idea，然后就可以找到node.js and npm 插件 搭建react脚手架 npm install -g c...
使用IDEA创建的一个简单的react项目
07-25
一个简单的React项目，在IDEA创建的初始React项目基础上添加了一个简单的点击计数组件
使用idea跑react
weixin_40593587的博客
08-14 4982
首先，电脑要安装nod 下载地址如下：https://nodejs.org/en/download/选择： 选择msi的，一直默认就好了，这样它会帮你把环境变量也给配置了。 安装好了之后，打开idea 打开react项目，此时你发现你的idea是不能跑这个项目的，那怎么办？不急，点击右上角的这个得run的地方，这个是配置完成的，没有配置的时候这个显示的是一个c....什么开头，点击它就...
创建react项目时遇到的报错
qq_45429539的博客
02-04 4525
创建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 Native开发Android端App页面系列之三：Windows 环境安装Android Studio工具
Im5516的博客
06-20 335
Windows 环境安装Android Studio工具并配置React Native所需Tools 因工作需要开发Android端App页面，传统开发PC端页面的经验属是无用，网上搜索到的资料繁杂无序，因此在成功配置了环境并成功使用后，记录一下步骤，本文档是第三步。 Android Studio：用于开发 Android 应用的官方集成开发环境 (IDE)，以 IntelliJ IDEA 为基础构建而成。除了 IntelliJ 强大的代码编辑器和开发者工具。 1.下载安装包 官网下载地址 1.找到【D
idea 打开 react 项目 卡_项目：create-react-app
weixin_35224065的博客
02-03 342
React引入react最好使用create-react-app，搭建配置命令总结如下：默认样式设置dart-sass安装styled-components安装react-router-dom安装运行 yarn config set registry https://registry.npm.taobao.org/ yarn global add create-react-app@3.4.1 （...
react(一)环境搭建和利用IDEA建立简单react项目
zhaikaiyun的博客
04-02 6372
安装node 官网https://nodejs.org/en/download/下载最新的稳定版本，下载安装完以后在cmd界面输入node -v 可以直接查看版本，安装node时会自带一个npm的包管理工具，在命令行通过 npm -v查看。 国内使用npm很慢，可以使用淘宝的镜像来代替原有的，在命令行输入：npm config set registry https://registry....
准备一套React环境
tangfuling1991的博客
09-25 1511
准备一套React环境
idea创建react项目
weixin_45095695的博客
04-19 1121
注意：这里默认安装的Add to PATH其实已经帮你配置好了环境了，网上一大堆自己手动去配置环境不需要的。注意：如果启动失败，报环境变量类型的错误，重启电脑即可，idea集成插件有时候就是不好使，需要重启。打开官网下载链接:https://nodejs.org/en/download/注意记得配置插件，将你前面安装的Node.js配置到idea的插件里。3、Ideal配置react开发环境。1、下载安装Node.js。安装node.js插件。4、新建react工程。
react搭建——在intelliJIDEA中react的搭建
Darren洋的博客
04-17 1816
查找了搭建的教程，方式不唯一，但过程照样遇到了一些问题，又重新查问题重新解决。以下是我自己结合了自身实际开发情况以及综合了好几篇教程后成功运行的react的步骤。让IDEA能帮你在线下载的依赖全交给它来干。
问题笔记：idea启动react项目页面并非config.js里面配置的界面
最新发布
qq_56504724的博客
06-28 171
vscode启动前台页面会自动屏蔽mock模式，而idea启动不会，所有需要进行屏蔽。发现页面并非config.js里面加载的页面。
react开发：从零开始搭建一个react项目
zhanghl150426的博客
11-08 910
从头开始建立一个React App - 项目基本配置 npm init 生成 package.json 文件. 安装各种需要的依赖: npm install  --save react - 安装React. npm install  --save react-dom 安装React Dom,这个包是用来处理virtual DOM。这里提一下用React Native的话，这里就是安装react-n...
IntelliJIDEA的搭建React项目详细教程
weixin_45428910的博客
05-28 792
IntelliJIDEA的搭建React项目详细教程
像用 IDEA 调试 Java 代码一样调试 react 代码
万里浮云的专栏
04-08 1796
开发工具 IDE + Google Chrome + JetBrains IDE Support 插件 传送门： https://www.jianshu.com/p/e9cd7adb1ea4
IntelliJIDEA的搭建React+Ant design新手入门
weixin_45428910的博客
06-12 908
IntelliJIDEA的搭建React+Ant design新手入门
从0开始配置React-Native环境，运行第一个React-Native应用
zhangmingCSDN
09-22 2371
从最近对React-Native的研究来看，我觉得是时候从0开始学它并引入到实践中了。目前我负责Android这块，之前也有半年的Js、半年的Php开发经验，曾经那时可谓样样通，样样不精（其实我还有1年的C、1年的C++编程经验，甚至Html网站也开发过）。我有一台没有配置过homebrew、atom、nuclide的mac air，就从这里开始喽。 首先，找到homebrew(类似功能的还有m
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值