react学习Day1:安装react

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

• create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。
• create-react-app 自动创建的项目是基于 Webpack + ES6 。
• 执行以下命令创建项目：

cnpm install -g create-react-app
create-react-app my-app   "my-app表示创建的应用名称"
cd my-app/     
npm start    "启动命令"

• 启动成功后在浏览器地址栏中输入localhost:3000:
  

二、项目的整体目录如下:

1.隐藏的文件
webpack或Babel等文件都是隐藏的,可通过npm run eject 显示(注:此命令是不可逆的)
2.项目目录介绍
public
静态资源
index.html: 一切的开始都从这里开始，所以这个是代码执行的源头

src
src目录是最重要的目录、它里面放的使我们项目的所有源代码

App.css 组件样式

App.js 组件

App.test.js 自动化测试文件、（可以删除）

index.css 入口样式

index.js 所有代码的入口文件、整个程序运行的入口文件