webStrom开始你的第一个React应用

一、webStrom 安装

官方下载地址&＃xff1a;https://www.jetbrains.com/zh-cn/webstorm/

二、环境安装

1、环境检测

首先要安装npm和node&＃xff0c;输入如下命令&＃xff1a;
npm -v
node -v

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

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

2、安卓React脚手架

github地址&＃xff1a;https://github.com/facebook/create-react-app

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

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

三、新建项目

3.1 创建新项目

3.2 运行

点击webstorm右上角的运行&＃xff0c;此时会自动打开浏览器

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

此时运行效果如图&＃xff1a;