react学习经验总结（react安装）

客官°小女子只卖身不卖艺 2022-12-25 14:58 187阅读 0赞

# 一、React 可以直接下载使用，下载包中也提供了很多学习的实例。 #

本教程使用了 React 的版本为 16.4.0，你可以在官网 [https://reactjs.org/][https_reactjs.org] 下载最新版。

你也可以直接使用 Staticfile CDN 的 React CDN 库，地址如下：

官方提供的 CDN 地址：

**注意:** 在浏览器中使用 Babel 来编译 JSX 效率是非常低的。

引入了三个库： react.min.js 、react-dom.min.js 和 babel.min.js：

*  **react.min.js** - React 的核心库
 *  **react-dom.min.js** - 提供与 DOM 相关的功能
 *  **babel.min.js** - Babel 可以将 ES6 代码转为 ES5 代码，这样我们就能在目前不支持 ES6 浏览器上执行 React 代码。Babel 内嵌了对 JSX 的支持。通过将 Babel 和 babel-sublime 包（package）一同使用可以让源码的语法渲染上升到一个全新的水平。

### 二、使用 create-react-app 快速构建 React 开发环境 (电脑已经下载并支持Node.js 及 NPM ) ###

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

执行以下命令创建项目：

$ cnpm install -g create-react-app     //创建项目名
    $ create-react-app my-app           
    $ cd my-app/
    $ npm start

[https_reactjs.org]: https://reactjs.org/