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