React框架的安装

注：本文章只是自己记录一下安装React的过程,做一下demo，没有详细介绍，如果想要了解React的介绍请查看React的官方文档
对于安装React框架我们首先要安装Node.js，如果您的电脑不支持Node.js和npm，那您可以网上查找Node.js教程。
在React 中就会使用 CommonJS 模块系统，比如 browserify 或 webpack本文章以webpack为例。

因为npm在国内速度有点慢，所以您可以使用淘宝镜像cnpm命令行来代替npm。

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ npm config set registry https://registry.npm.taobao.org

下面我们就要正式安装React框架了

$ cnpm install -g create-react-app................安装React
$ create-react-app my-app...........................创建项目名称
$ cd my-app/.................................................进入创建的项目
$ npm start....................................................启动项目

这样我们就可以看到我们安装成功的项目了

image.png

接下来我们看看在哪里改我们的代码才能让页面呈现我们想让呈现的画面

1、首先我们要进入项目。

image.png
image.png

2、找到src下的App.js并打开。

image.png
image.png

3、打开App.js文件我们会看到这里的return内的代码就是页面中呈现的内容，如果想更直接的体现，那我们就在添加一行标签让页面体现的更直接点。

image.png

当我添加了一行H1标签之后，页面中就会体现我添加的标签

image.png

这就是我总结的安装React，是不是很简单，当然这只能是自己做一些demo，在正式项目中是需要我们重新探索的。