webatorm搭建reactApp项目

react安装node.js有可能出现的问题

在想要使用react.js之前，电脑上需要安装好node.js。
我之前写的vue项目太长时间没有升级node，node.js版本过低创建react项目失败（reactApp需要node.js14之上的版本）

node.js版本过低

Node官方下载页面：
windows的系统直接下载这个就可以，下载完直接默认安装，也就替换掉了之前的老的

Node官方下载页面

node.js升级成功

node -v

注意：node.js升级之后之前的vue项目中的package.json文件会有版本冲突的问题，尤其是node-sass，与之相关的也需要升级

react 和 react native的区别是什么

(1)、react是驱动html dom渲染； react native是驱动android/ios原生组件渲染。
(2)、写react可以用前端知识直接上手，而react native虽然也可以，但是深入下去没有native知识支持很难。
(3)、最简单的理解就是react是写web和H5的，react native是写android/ios的

创建react项目

1、然后在命令窗口输入以下命令来下载create-react-app脚手架工具包：

npm install -g create-react-app

npm install -g create-react-app

2、安装成功后打开软件界面，选择新建一个项目，我这里新建的项目工程名为app-demo：

app-demo

3、正在创建中...

创建中

4、项目创建完成

项目创建完成

5、等待项目创建完毕后，我们需要在Terminal窗口输入：npm start

npm start

启动成功

image.png