-
React介绍
React 是一个用于构建用户界面的 JAVASCRIPT 库。主要用于构建UI,有很多人认为 React 是 MVC 中的 V(视图)。起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。拥有较高的性能,代码逻辑非常简单。
-
React 安装
1.可以直接使用 Staticfile CDN 的 React CDN 库
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
官方提供的 CDN 地址:
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
注意: 在浏览器中使用 Babel 来编译 JSX 效率是非常低的。
2.npm安装
- 全局安装
npm install -g create-react-app
使用 create-react-app 可以快速构建 React 开发环境 :
create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。
create-react-app 自动创建的项目是基于 Webpack + ES6 。
- 在电脑里的某个盘里新建文件夹(个人喜好),进入文件夹,创建项目
create-react-app myapp
myapp为项目名称
- 进入myapp 启动项目
cd myapp
npm start


网友评论