38 lines
1.2 KiB
Markdown
38 lines
1.2 KiB
Markdown
|
---
|
|||
|
|
title: Installation
|
|||
|
|
localeTitle: 安装
|
|||
|
|
---
|
|||
|
|
## 安装React
|
|||
|
|
|
|||
|
|
### 创建一个新的React项目
|
|||
|
|
|
|||
|
|
您可以在您的网页中嵌入React库，如下所示2 ：
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.0.0/cjs/react.production.min.js"></script>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
聪明的程序员希望采用更实用，更高效的方式： [创建React App](https://github.com/facebookincubator/create-react-app)
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
npm install -g create-react-app
|
|||
|
|
create-react-app my-app
|
|||
|
|
|
|||
|
|
cd my-app
|
|||
|
|
npm start
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
这将设置您的开发环境，以便您可以使用最新的JavaScript功能，提供良好的开发人员体验，并优化您的应用程序以进行生产。
|
|||
|
|
|
|||
|
|
`npm start`将启动一个允许实时重新加载的开发服务器3 。
|
|||
|
|
|
|||
|
|
完成项目并准备将应用程序部署到生产环境后，您就可以使用了 `npm run build` 在`build`文件夹中创建应用程序的优化版本。
|
|||
|
|
|
|||
|
|
#### 有用的链接
|
|||
|
|
|
|||
|
|
[创建React App存储库](https://github.com/facebookincubator/create-react-app#create-react-app-)
|
|||
|
|
|
|||
|
|
#### 来源
|
|||
|
|
|
|||
|
|
[1.关于安装的React教程](https://reactjs.org/docs/installation.html) [2.链接到cdnjs.org上的React最小JavaScript库](https://cdnjs.com/libraries/react) [3\. npm start命令](https://docs.npmjs.com/cli/start)
|