webStrom 开始你的第一个React应用

2021-12-06 14:03:09 浏览数 (1)

一、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/地址就可以看到如下效果图

此时运行效果如图:

0 人点赞