webStrom 开始你的第一个React应用

Posted 2022-07-30 先知丨先觉

一、webStrom 安装

官方下载地址：https://www.jetbrains.com/zh-cn/webstorm/

二、环境安装

1、环境检测

首先要安装npm和node，输入如下命令：
npm -v
node -v

如果没有安装需自行安装： node安装：https://nodejs.org/en/

新版的nodejs已经集成了npm，所以之前npm也一并安装好了。

安装好后执行上面命令，能正常显示版本号说明安装成功。

2、安卓React脚手架

github地址：https://github.com/facebook/create-react-app

在终端下安装执行npm install -g create-react-app

不用每个项目都装,一个webstorm装一次即可.

三、新建项目

3.1 创建新项目

创建React App

3.2 运行

点击webstorm右上角的运行，此时会自动打开浏览器

或在终端下执行 npm start，然后浏览器输入http://localhost:3000/地址就可以看到如下效果图

此时运行效果如图：