Мы все используем фреймворки, такие как угловые, реагирование и инструменты, такие как Eslint, NPM и т. Д.
Вы когда-нибудь задавались вопросом, как ваш IDE дает вам автозаполнение для файлов, таких как angular.json С package.json , .eslintrc и многое другое?
Ну, они соответствуют вашим файлам против нескольких удаленных магазинов схем JSON, среди которых наиболее популярны stchemastore.org Отказ
Их API Обеспечивает каталог JSON Schemas, которые описывают различные обычно используемые файлы.
Есть два типа записей:
- статический : ссылки на файл, хранящийся непосредственно на stchemastore.org.
- динамический : ссылки на URL, который указывает на определенную схему JSON
Преимущество динамический Записи состоит в том, что вы можете обновить свою схему JSON, не обновляя свою запись в каталог, и это именно то, что .angular-cli.json делает:
{
"name": ".angular-cli.json",
"description": "Angular CLI configuration file",
"fileMatch": [".angular-cli.json", "angular-cli.json"],
"url": "https://raw.githubusercontent.com/angular/angular-cli/master/packages/angular/cli/lib/config/schema.json"
}
На PMBOT , мы автоматически генерируем и публикуем схему JSON нашего файла конфигурации CLI для нашего GitHub Config Repo Каждый раз, когда мы выпустим новую версию нашего CLI. Запись для нашего .PMBOT.YML в stchemastore.org Указывает на файл схемы RAW JSON, размещенным на Github.
Спасибо за прочтение !
Оригинал: «https://dev.to/gempain/the-magic-behind-ide-autocompletion-for-files-like-angular-json-3a2e»