Drupal Admin UI 项目教程

Drupal Admin UI 项目教程

drupal-admin-ui This is an admin UI for Drupal, built with JavaScript & React. ⬅️✌️➡️ 项目地址: https://gitcode.com/gh_mirrors/dr/drupal-admin-ui

1. 项目目录结构及介绍

Drupal Admin UI 是一个用 JavaScript 和 React 构建的 Drupal 管理界面。项目的目录结构如下：

• admin_ui_support: 管理界面支持文件
• demo: 示例文件和目录
• packages: 项目依赖的包和模块
• .circleci: 持续集成配置文件
• .docker: Docker 配置文件
• .github: GitHub 相关配置
• .editorconfig: 编辑器配置文件
• .eslintrc.json: ESLint 配置文件
• .gitignore: Git 忽略文件
• .nvmrc: Node.js 版本管理配置
• .prettierrc.json: Prettier 配置文件
• CODE_OF_CONDUCT.md: 行为准则文件
• CRA-README.md: Create React App 说明文件
• LICENSE.md: 许可证文件
• Makefile: Makefile 配置文件
• README.md: 项目说明文件
• VALUES.md: 项目价值观文件
• docker-compose.yml: Docker Compose 配置文件
• greenkeeper.json: Greenkeeper 配置文件
• package.json: 项目依赖和脚本文件
• yarn.lock: Yarn 锁文件

2. 项目的启动文件介绍

项目的启动主要通过以下文件进行：

• Makefile: 包含了构建和启动项目所需的各种命令，如 make build 用于构建项目，make install 用于安装依赖等。
• package.json: 包含了项目的依赖和启动脚本。例如，yarn start 用于启动开发服务器。

具体的启动步骤如下：

1. 确保没有其他服务占用 80 和 3000 端口。
2. 克隆项目到本地：git clone git@github.com:jsdrupal/drupal-admin-ui.git
3. 进入项目目录：cd drupal-admin-ui
4. 构建项目：make build
5. 使用 Docker 启动服务：docker-compose up
6. 打开新终端，执行 make install 安装依赖。

3. 项目的配置文件介绍

项目的配置主要通过以下文件进行：

• .editorconfig: 用于定义代码编辑器的配置，如缩进、换行符等。
• .eslintrc.json: ESLint 的配置文件，用于定义代码风格和规则。
• .prettierrc.json: Prettier 的配置文件，用于定义代码格式化规则。
• docker-compose.yml: Docker Compose 的配置文件，用于定义 Docker 容器的配置和服务。
• package.json: 包含了项目的依赖、脚本和配置，如 scripts 部分定义了项目的启动、构建等脚本。

项目的配置文件确保了代码风格的一致性，以及项目的顺利运行。开发者应根据自己的需要适当修改这些配置文件。

drupal-admin-ui This is an admin UI for Drupal, built with JavaScript & React. ⬅️✌️➡️ 项目地址: https://gitcode.com/gh_mirrors/dr/drupal-admin-ui