React环境搭建

react搭建教程(图文)

天大地大妈咪最大 提交于 2019-12-07 02:33:08
作者: _长升 原创于——开源中国 简介 React2016年还是比较火的,我学习react的是因为当时指导老师(王老师)的项目要用此技术。于是开始学习React,React其实内容还是比较少的,但是背后的技术栈(redux、router、webpack、es6等等)却很强大,要花一定时间的。在学习之前,当然是要搭建开发环境,中文的开发环境搭建教程还是比较少的(我学习的时候),有一些教程,讲的也详细但是搭建过后,发现运行不起来,并报一系列看不懂的错误。于是问哥(谷歌),无意间发现了一些国外网友搭建的教程,发现挺简单的,摸索了之后写下这篇中文搭建教程,帮助那些求学的小伙伴们。如果英文还可以的同学可以点击此 链接 视频教程。 首先安装node.js。 windows或mac系统的用户可以直接去 官网 下载安装包,linux(ubuntu)用户可以到官网下载源码进行配置。 安装好之后,打开shell(windows下win+r 输入cmd回车)。输入 node -v 结果如上图所示表示安装成功。 配置React环境(webstorm IDE) 1.新建空项目(file>new>project) 2.打开终端(view>Tool Windows>Terminal) 注意这里(webstorm)终端和windows下进入当前路径的shell是一样的 3.初始化React项目 3.1