React学习 第一节 初始化一个React

 第一步:环境准备       

React是一个JavaScript语言的工具库,因此需要安装Node.js,React本身并不依赖于Node.js,但在开发中用到的许多工具,需要Node.js的支持,在安装Node.js的同时,也就安装了npm,npm是Node.js的安装包管理工具。

第二步:创建一个React项目

React的创建者FaceBook提供了一个快速开发React应用的工具——create-react-app,此工具能够创建一个已经完成基本配置的应用,想了解具体配置的,可以自行百度理解,或许后面的章节会进行补充。

create-react-app是一个通过npm发布的安装包,因此,在确认Node.js和npm安装好后,在命令行中执行以下命令来安装create-react-app

npm install --global create-react-app

执行过后,就可以使用create-react-app命令在当前目录下创建指定名称的应用目录,在命令行中执行以下命令:

create-react-app drycleaningmanager 

执行过后,会在当前目录下,创建一个名为drycleaningmanager目录,之后我们就在该框架的基础上就可以开发React应用,不用再进行配置了。(由于我是为家里开发一款干洗店的管理软件,所以名字取为drycleaningmanager了,不用跟我一样啦)

第三步:应用启动等相关命令

在命令行中执行以下命令:

cd drycleaningmanager(进入当前应用所在的目录)

npm start (启动当前应用)这个命令执行完成后,会让浏览器自动打开一个网址,访问地址为http://localhost:3000/,显示页面如下:

React学习 第一节 初始化一个React

当看见这个页面时,一个React应用就创建成功了,接下来,我们继续深入使用React进行项目开发