第 1 章 开发环境配置

论语有云：“工欲善其事，必先利其器。”在介绍前端开发和深度学习的内容之前，本章 先介绍相关案例所需要的开发环境，包括 Anaconda3、TensorFlow 2、npm 包管理工具、 TensorFlow.js 相关包、WebStorm 工具及 Google 浏览器和微信开发者工具等。

1.1 安装 Anaconda3

Anaconda3 是一个用于 Python 科学计算和机器学习的开源工具，它是 Python 的一个科学 计算发行版，支持 Linux、macOS 和 Windows 系统，包含 conda 等众多工具包和依赖项，提供 了管理包和管理环境的功能，可用于解决开发过程中可能会遇到的 Python 多版本共存及切换 和第三方包的安装等问题。本节介绍如何在 Windows 系统上完成 Anaconda3 的安装。

首先，进入 Anaconda 官网，如图 1-1 所示。

然后，单击 Get Started 按钮，进入图 1-2 所示页面。

接下来，单击 Download Anaconda installers 按钮，进入 Anaconda 的下载页，如图 1-3 所示。

接着，根据计算机的配置，选择合适的版本并下载，如图 1-4 所示。

下载完成后，双击该可执行文件，开始进行 Anaconda3 的安装，如图 1-5 所示。

接着，单击 Next 按钮，进入图 1-6 所示 License Agreement 界面。

接下来，单击 I Agree 按钮，进入 Select Installation Type 界面，并选中 Just Me（recommended） 单选按钮，如图 1-7 所示。

继续单击 Next 按钮，进入 Choose Install Location 界面并选择安装位置，如图 1-8 所示。

选择好安装 Anaconda3 的本地路径后，单击 Next 按钮，进入 Advanced Installation  Options 界面并勾选 Register Anaconda3 as my default Python 3.8 复选框，配置可选项，如图 1- 9 所示。

我们按照官方的推荐（Advanced Options）进行安装即可，直接单击 Install 按钮，安装过 程如图 1-10 所示。

稍等片刻，Anaconda3 的安装进度达到 100%，如图 1-11 所示。 接着，单击 Next 按钮，进入图 1-12 所示界面，查看 Anaconda 的相关信息。

继续单击 Next 按钮，进入图 1-13 所示界面，单击 Finish 按钮，即可完成 Anaconda3 的安 装。安装成功后，我们打开 Windows 系统的“开始”菜单，可以看到图 1-14 所示的 Anaconda3 文件夹。

至此，我们完成了 Windows 系统中 Anaconda3 的安装。Anaconda3 在 macOS 上的具体 安装细节与在 Windows 系统上的安装过程类似，这里不再赘述。

如果你在安装 Anaconda3 时遇到下载速度过慢的问题，推荐使用 Anaconda3 的清华镜像 来完成安装，具体步骤如下。

首先，访问“清华大学开源软件镜像站”首页，如图 1-15 所示。

然后，在首页的搜索框中搜索 Anaconda，搜索结果如图 1-16 所示。 接下来，选择 archive/选项，进入图 1-17 所示页面，查看 Anaconda 的版本。

该页面包含了主流操作系统中Anaconda的不同安装版本，大家按照自己的需求进行安装即可。