react入门（第一篇）

react.js学习笔记

1、安装环境和创建项目

01）学习react前，需要安装node.js 下载稳定版安装

安装成功后，在命令行输入

node -v 和 npm -v 都会有版本信息，则说明安装成功。

 

02）运行该命令。创建react项目

npx create-react-app my-app

注意：在第一次运行 npx create-react-app my-app 的时候，一般会报错，在执行create-react-app的时候，如果没有科学上网，一般情况下都不会太快，因为这个时候create-react-app指令默认调用npm，所以我们需要把npm的register永久给设置成cnpm，这样就可以一劳永逸了。

npm config set registry https://registry.npm.taobao.org
-- 配置后可通过下面方式来验证是否成功
npm config get registry
-- 或npm info express

创建好项目之后，运行

cd my-app
npm start

2、项目结构说明

第一部分：项目入口：index.js

//引入react的目的是为了识别特定的语法结构
import React from 'react';
//引入ReactDOM是为了将组件渲染到dom