专注主题简介

专注主题是Doing专注功能中，用于渲染计时界面的样式文件，能为用户提供丰富且个性化的专注体验。

专注主题与普通网页开发的关联

专注主题的开发语言与前端开发相同，使用HTML+CSS+JS。因此，对于具有前端开发经验的创作者而言，从网页开发迁移到专注主题开发并不难。

也正因如此，开发专注主题所需要的软件与网页前端开发类似。在后续的内容中，我们将以Visual Studio Code作为本文档的开发工具。

在Doing中，专注主题渲染的工作由平台原生WebView组件承担。以下是各个平台，专注主题渲染WebView所采用的原生组件：

WARNING

需注意的是，为了确保专注主题的内容安全与提高用户体验，专注主题的代码中禁止出现任何访问用户设备本地文件或在线内容，即除Doing提供的资源外，所有的资源都应在专注主题文件（.dft）中包含。

开发专注主题的第一步，需要从下载开发工具与注册申请创作者权限开始。

尽管你也可以使用你喜欢的网页开发工具，但在本文档中，我们将以Visual Studio Code为例。

前往官网下载并安装适合您设备的Visual Studio Code编辑器（以下简称VS Code）。

INFO

若需要切换编辑器的语言到简体中文，可以在VS Code左侧的扩展商店中下载Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code语言扩展包。

之后，前往Doing官网下载当前最新版本的桌面端Doing。

打开Doing后，注册或登录您的Doing账号。当前创作者仍处于小规模测试阶段，如需获取创作者权限，可添加QQ群632483644并联系群主以了解更多信息。

完成以上步骤后，可以在此下载专注主题示例模板(Example.dft)文件。修改该文件拓展名为.zip并解压到您的开发文件夹中，可以看到其中包含多个文件。

打开Doing，进入首页 - 设置（上方齿轮图标） - 查看更多专注主题 - 更多 - 专注主题开发工具。

在弹出的文件夹选择窗口中，选择刚才解压的dft文件文件夹。

Doing将会显示该专注主题的开发界面。

至此，开发环境安装完成。