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

96
Arison
2018.04.18 17:55* 字数 189

实验效果:

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

终端命令行 npm start 启动项目

image.png
React&Redux
Web note ad 1