Redux 代码模板

现代客户端应用程序通常需要使用一些“样板代码”来简化开发过程。这些样板代码可能包括目录结构、代码转换工具、测试基础设施以及生产环境构建工具。

所有主流框架都提供了可选的命令行工具，帮助开发者快速初始化项目并配置好所需的所有设置。例如 Create React App、Vue CLI，或者功能更强大的 Angular CLI，它们不仅支持项目创建，还提供丰富的附加功能。这些配置大大减轻了搭建新项目的繁琐工作。

Traditional Boilerplates

现代客户端应用程序通常需要使用一些“样板代码”来简化开发过程。这些样板代码可能包括目录结构、代码转换工具、测试基础设施以及生产环境构建工具。

所有主流框架都提供了可选的命令行工具，帮助开发者快速初始化项目并配置好所需的所有设置。例如 Create React App、Vue CLI，或者功能更强大的 Angular CLI，它们不仅支持项目创建，还提供丰富的附加功能。这些配置大大减轻了搭建新项目的繁琐工作。

在本地环境中进行设置

为了我们的学习目的，我们将使用一个“极简”的样板代码。

首先，我们通过 克隆 启动项目，安装 所需的依赖包，并验证环境是否已准备就绪：

运行以下命令：

1git clone git@github.com:redux-book/starter.git
2cd starter
3npm install
4npm start

如果一切顺利，你应该能够访问 *http://localhost:8080*，看到页面显示 A simple Redux starter 和一个正在运行的计数器。

如果你在开发者工具中打开 JavaScript 控制台，应该还能看到控制台输出 Redux started。项目已准备就绪！

在平台上进行设置

本平台已经预先配置好了样板代码。下方的组件展示了已克隆的文件内容。我们将在下一课中逐一讨论每个文件。

注意： 在我们的平台中，将使用 index.js 代替 app.js。