1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/mirrors-Lightning-Design-System

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.md 6.6 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 29.11.2024 03:18 7511f9a

Salesforce Lightning Design System

Build Status Dependabot Status

Добро пожаловать в репозиторий исходного кода Salesforce Lightning Design System, предоставленный Salesforce UX.

SLDS — это:

  • решение, адаптированное для создания приложений Salesforce: использование разметки и CSS-фреймворка Lightning Design System позволяет создавать пользовательские интерфейсы, которые отражают внешний вид Salesforce Lightning;
  • постоянно обновляемое решение: пока вы используете последнюю версию Lightning Design System, ваши страницы всегда будут соответствовать изменениям пользовательского интерфейса Salesforce.

Начало работы

Этот проект использует Storybook для разработки компонентов. Если вы хотите узнать больше о Storybook или о том, как он работает, посетите их веб-сайт.

Установка и настройка проекта:

  1. Клонируйте репозиторий локально.
  2. Перейдите в проект и запустите npm install, чтобы установить все зависимости проекта.

Запуск среды разработки:

Среда разработки Storybook может быть запущена с помощью команды npm start.

Всякий раз, когда вы добавляете, удаляете или изменяете метаданные аннотации css компонента, вам необходимо перезапустить Storybook, чтобы увидеть эти изменения.

Настройка Node и NVM

Для работы с репозиторием рекомендуется использовать Node v14, а для управления несколькими версиями Node на вашем компьютере рекомендуется использовать NVM.

В этом проекте есть файл .nvmrc, который помогает при локальной разработке. Чтобы использовать его для установки версии узла вашего проекта, запустите команду nvm use в корне каталога. Кроме того, вы можете настроить более глубокую интеграцию оболочки для автоматического вызова файла nvmrc при переходе в каталог проекта, следуя этим инструкциям.

Разработка в Storybook

После запуска сервера разработки с помощью npm start вы можете загрузить его по адресу http://localhost:9002.

Аннотации

См. руководство по аннотациям.

Задачи

npm start:

Запускает сервер Storybook для локальной разработки.

npm run gulp -- lint:

Проверяет код на наличие синтаксических и стилистических ошибок.

# Lint indentation, Sass, JavaScript files
npm run gulp -- lint

# Lint languages independently
npm run gulp -- lint:sass
npm run gulp -- lint:javascript
npm run gulp -- lint:javascript:test
npm run gulp -- lint:spaces
npm run gulp -- lint:html

# HTML5 validation
npm run gulp -- lint:vnu
# HTML5 validation on comma separated blueprint names
npm run gulp -- lint:vnu --components button,path,trees

# a11y validation
npm run gulp -- lint:a11y
# a11y validation on comma separated blueprint names
npm run gulp -- lint:a11y --components button,path,trees

# Lint examples using vnu, aXe, slds validation, and HTML5 validation
npm run gulp -- lint:examples

Проверка запросов на вытягивание

Чтобы запустить все проверки, которые будет выполнять запрос на вытягивание в Travis, используйте следующую команду.

# To run every check against all blueprints
npm run pr-checks

# To run every check but target certain blueprints for slow checks like aXe and vnu
npm run pr-checks -- --components button,path,trees

Компиляция

npm run build-dist: генерирует Lightning Design System в каталоге .dist.

npm run gulp -- styles: компилирует Sass в CSS в .assets/styles.

npm run gulp -- clean: удаляет временные файлы сборки и локальные файлы.

Статистика

npm run gulp -- styles:stats: полезная статистика о результатах проекта.

Тесты

npm test: запускает все тесты, кроме тестов axe/a11y.

npm run test:a11y: запускает тесты axe на нарушения доступности. Результаты сохраняются в ./__tests__/a11y/results.

Релиз

npm release:site: сборка и выпуск фреймворка и сайта.

Требуется доступ к heroku для сборки и выпуска сайта. Поиск и устранение неисправностей

См. руководство по поиску и устранению неисправностей (guidelines/TROUBLESHOOTING.md).

Вклад в SLDS

См. руководство по внесению вклада (CONTRIBUTING.md).

Лицензии

Есть обратная связь?

Пожалуйста, создайте новую проблему на GitHub.

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/mirrors-Lightning-Design-System.git
git@api.gitlife.ru:oschina-mirror/mirrors-Lightning-Design-System.git
oschina-mirror
mirrors-Lightning-Design-System
mirrors-Lightning-Design-System
main