React入门

建一个小项目：

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

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

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

打开命令小黑窗，cd到自己创建的目录下，执行以下命令创建项目并启动：

npm install -g create-react-app
create-react-app my-app
cd my-app/
npm start

*注：npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等），即以上操作的前提是安装了Node.js（检查是否安装了node.js，即查看node版本： node  -v  ，显示版本号就说明安装成功了）

2.目录结构

（1）node_modules：包含了项目会用到的各种组件

（2）public：包含了项目启动页面

（3）src：包含了js、css、img等文件

（4）.gitignore：需要上传git时自动忽略某些文件的配置文件

（5）package.json：npm在package.json文件中管理项目的依赖项以及项目的元数据；node执行js中require的时候，也会根据package.json中的依赖项进行查找

 3.关于cnpm

cnpm是淘宝针对npm做的镜像，因为npm安装插件是从国外服务器下载，受网络影响速度可能会很慢。用法都是相同的，只需把npm写成cnpm即可。

安装cnpm，执行命令：

npm install cnpm -g --registry=https://registry.npm.taobao.org

安装完后查看其版本号：cnpm -v ，不行的话关闭命令提示符重新打开

 

 

X.值得一看

（1）了解React相关技术：阮一峰 Reac技术栈系列教程✈

（2）比较直白的方式介绍React：狗屎一样的React✈