README

DrupalX 主题启动套件旨在与 DrupalX 分发版一起使用。

此启动套件包括 Bootstrap 5、Storybook，并与 DrupalX 安装配置文件完全集成。

生成主题

以下命令将使用 DrupalX 启动套件作为模板生成新的自定义主题

chmod +x core/scripts/drupal &&
ddev exec --dir /var/www/html/web core/scripts/drupal generate-theme --starterkit=drupalx_theme nameoftheme

启用新主题

ddev . drush theme:en nameoftheme
ddev . drush config-set system.theme default -y nameoftheme
ddev . drush cr

如果您尚未安装，请安装 nvm: https://github.com/creationix/nvm

使用以下方式使用正确的 node 版本

nvm use

此命令将查看您的 .nvmrc 文件，并使用其中指定的 node.js 版本。这确保所有开发者使用相同的 node 版本以保证一致性。

如果该版本的 node 未安装，请使用以下命令安装

nvm install

安装 npm 依赖

npm install

构建所有必需的主题资源

npm run build

文件更新时编译 SASS

npm run watch

运行 Storybook

npm run storybook

运行 Cypress 测试（需要 Storybook 运行）

npm run cypress

默认情况下，.gitignore 文件出于演示目的不会忽略 dist 文件夹。但是，在大多数项目中，您可能希望忽略此文件夹。

为此，您可以在 .gitignore 文件中取消注释相关行以忽略 dist 文件夹及其内容。以下是步骤