一、使用 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 所有代码的入口文件、整个程序运行的入口文件