Salesforce Lightning Design System
Добро пожаловать в репозиторий исходного кода Salesforce Lightning Design System, предоставленный Salesforce UX.
SLDS — это:
Этот проект использует Storybook для разработки компонентов. Если вы хотите узнать больше о Storybook или о том, как он работает, посетите их веб-сайт.
npm install
, чтобы установить все зависимости проекта.Среда разработки Storybook может быть запущена с помощью команды npm start
.
Всякий раз, когда вы добавляете, удаляете или изменяете метаданные аннотации css компонента, вам необходимо перезапустить Storybook, чтобы увидеть эти изменения.
Для работы с репозиторием рекомендуется использовать Node v14, а для управления несколькими версиями Node на вашем компьютере рекомендуется использовать NVM.
В этом проекте есть файл .nvmrc, который помогает при локальной разработке. Чтобы использовать его для установки версии узла вашего проекта, запустите команду nvm use
в корне каталога. Кроме того, вы можете настроить более глубокую интеграцию оболочки для автоматического вызова файла nvmrc при переходе в каталог проекта, следуя этим инструкциям.
После запуска сервера разработки с помощью 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).
См. руководство по внесению вклада (CONTRIBUTING.md).
Пожалуйста, создайте новую проблему на GitHub.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )