在本章中，我们将学习如何设置DC.js开发环境。在开始之前，我们需要以下组件-

• DC.js库
• 编辑
• 网页浏览器
• 网络服务器

让我们详细一步一步地进行操作。

DC.js安装

DC安装非常容易设置。请按照以下步骤在计算机上安装DC 。

下载DC库

DC是一个开源库；使用链接https://github.com/dc-js/dc.js/releases下载文件。

下载最新版本的DC文件。 （到目前为止，最新版本为2.0.2。）。下载完成后，解压缩DC文件夹并将其粘贴到项目的根文件夹或任何其他要保留所有库文件的文件夹中。

HTML示例页面如下所示。

DC是JavaScript代码，因此我们必须在“ script”标签中编写所有DC代码。我们可能需要操纵现有的DOM元素，因此建议在“ body”标签结尾之前编写DC代码。

DC.js编辑器

我们将需要一个编辑器来开始编写代码。有一些很棒的IDE（集成开发环境），它们支持JavaScript，例如-

• Visual Studio程式码
• 网络风暴
• 蚀
• SublimeText

这些IDE提供智能的代码完成功能，并支持某些现代JavaScript框架。如果我们没有任何精美的IDE，则可以始终使用基本的编辑器，例如记事本，VI等。

网页浏览器

DC.js可在除IE8及更低版本之外的所有浏览器上使用。

网络服务器

大多数浏览器直接从本地文件系统提供本地HTML文件。但是，在加载外部数据文件时有一定的限制。在本教程的后续章节中，我们将从诸如CSV和JSON的外部文件加载数据。因此，如果我们从头开始设置Web服务器，对我们来说将更加容易。

我们可以使用任何我们愿意使用的Web服务器。例如– IIS，Apache等。

查看页面

在大多数情况下，我们可以在网络浏览器中打开HTML文件进行查看。但是，在加载外部数据源时，运行本地Web服务器并从服务器（ http：// localhost：8080 ）查看页面更为可靠。