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

OSCHINA-MIRROR/mirrors-Lightning-Design-System

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

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 )

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

Введение

Lightning Design System — это набор шаблонов, компонентов и руководств для создания унифицированного пользовательского интерфейса в экосистеме Salesforce. Это продукт корпоративного уровня. Развернуть Свернуть
JavaScript и 6 других языков
CC-BY-ND-4.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