一、初学React-安装(笔记)
2019-03-11 本文已影响0人
野生树袋熊
1.引用官方提供的 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>
2.通过npm安装使用React
国内使用 npm 速度很慢,你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
![](https://img.haomeiwen.com/i12093936/29b77aadd8f28be4.png)
使用 create-react-app 快速构建 React 开发环境
$ cnpm install -g create-react-app
![](https://img.haomeiwen.com/i12093936/c736d63b22e75af5.png)
创建项目
$ create-react-app [name]
![](https://img.haomeiwen.com/i12093936/fc05c403436f6637.png)
项目名不能有大写字母,所以重新写
![](https://img.haomeiwen.com/i12093936/6f87f8050a0e07ae.png)
进入项目文件,在浏览器中打开
$ cd my-app/
$ npm start
![](https://img.haomeiwen.com/i12093936/38eb1c88182e52b4.png)
![](https://img.haomeiwen.com/i12093936/ab3930a0f2097a80.png)
成功喽!