Chrome Dev Editor 项目教程

1. 项目目录结构及介绍

Chrome Dev Editor (CDE) 是一个用于在 Chrome 平台上构建应用的开发者工具，支持 Chrome Apps 和 Web Apps，使用 JavaScript 或 Dart 进行开发。以下是项目的目录结构及其介绍：

chromedeveditor/
├── cde-common/
│   └── dart/
├── cde-core/
│   └── dart/
├── cde-messaging/
│   └── dart/
├── cde-polymer-designer/
│   └── dart/
├── cde-workbench/
│   └── dart/
├── chrome-app-net/
│   └── dart/
├── chrome-app-testing/
│   └── dart/
├── doc/
├── ide/
├── mobile/
├── paper/
├── widgets/
├── AUTHORS
├── LICENSE
├── PATENTS
├── README.md
└── ...

目录结构介绍

• cde-common/: 包含项目中常用的 Dart 代码。
• cde-core/: 包含项目核心功能的 Dart 代码。
• cde-messaging/: 包含消息传递相关的 Dart 代码。
• cde-polymer-designer/: 包含 Polymer 设计器相关的 Dart 代码。
• cde-workbench/: 包含工作台相关的 Dart 代码。
• chrome-app-net/: 包含 Chrome 应用网络相关的 Dart 代码。
• chrome-app-testing/: 包含 Chrome 应用测试相关的 Dart 代码。
• doc/: 包含项目的文档文件。
• ide/: 包含集成开发环境相关的代码。
• mobile/: 包含移动开发相关的代码。
• paper/: 包含纸张相关的代码。
• widgets/: 包含小部件相关的代码。
• AUTHORS: 项目作者列表。
• LICENSE: 项目许可证文件。
• PATENTS: 项目专利文件。
• README.md: 项目介绍和使用说明。

2. 项目启动文件介绍

Chrome Dev Editor 的启动文件主要是 cde-workbench/ 目录下的 Dart 文件。具体来说，启动文件通常是 cde-workbench/lib/main.dart。

启动文件介绍

• main.dart: 这是项目的入口文件，负责初始化应用并启动工作台。它包含了应用的主要逻辑和界面初始化代码。

3. 项目配置文件介绍

Chrome Dev Editor 的配置文件主要包括 pubspec.yaml 和 manifest.json。

配置文件介绍

• pubspec.yaml: 这是 Dart 项目的配置文件，用于管理项目的依赖和元数据。它包含了项目的名称、版本、依赖库等信息。
• manifest.json: 这是 Chrome 应用的配置文件，定义了应用的名称、版本、权限、启动页面等信息。它位于 chrome-app/ 目录下。

示例 pubspec.yaml

name: chromedeveditor
version: 0.1.0
description: Chrome Dev Editor
dependencies:
  polymer: any
  chrome: any
  ...

示例 manifest.json

{
  "name": "Chrome Dev Editor",
  "version": "0.1.0",
  "manifest_version": 2,
  "description": "Chrome Dev Editor is a developer tool for building apps on the Chrome platform.",
  "app": {
    "background": {
      "scripts": ["background.js"]
    }
  },
  "permissions": [
    "storage",
    "unlimitedStorage",
    "notifications",
    "clipboardRead",
    "clipboardWrite",
    "fileSystem"
  ]
}

通过以上配置文件，开发者可以管理和配置 Chrome Dev Editor 项目的基本信息和依赖关系。