React实战环境篇(1)搭建开发环境-WebStorm+create-react-app

实验效果：

image.png

准备

• 安装WebStorm17.1(
  激活码：注册时，在打开的License Activation窗口中选择“License server”，在输入框输入下面的网址：
  http://idea.iteblog.com/key.php
  然后点击：Activate即可) 注意，老版本的WebStorm 新建 React App 菜单会不一样，请安装比较新的版本。比如现在的17.1版本
• 安装create-react-app

启用node，确保是Enable

image.png

npm install -g create-react-app

image.png

新建项目

选择React App菜单，选择create-react-app脚手架来创建React项目（创建项目的时候，需要等待几分钟）

image.png

image.png

• 项目命令不能包含大写字母 name can no longer contain capital letters

终端命令行 npm start 启动项目

image.png