React入门：基本环境搭建

React安装

1.直接下载使用

<script src="/react@16/umd/"></script>

<script src="/react-dom@16/umd/"></script>

<!-- 生产环境中不建议使用 -->

<script src="/babel-standalone@6.15.0/"></script>

2.通过npm使用React

npm install -g cnpm --registry=https://

 npm config set registry https://

这样就可以使用cnpm命令来安装模块：

cnpm install [name]

使用create-react-app快速构建React开发环境

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

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

执行以下命令创建项目：

1、全局安装create-react-app

cnpm install -g create-react-app



或



npm install -g create-react-app

打开VS Code的终端，选择创建项目的磁盘：

2、创建项目，安装依赖（create-react-app [项目命]）

create-react-app my-react-app

创建依赖：

 

3、进入项目

cd my-react-app

4、启动项目

npm start

React路由安装配置

1.直接使用

<script src="/react-router/umd/"></script>

2.通过npm安装

npm install --save react-router

或者

npm install react-router-dom --save (首选)