В каждом проекте есть некоторые базовые рекомендации, которым должен следовать каждый разработчик, чтобы поддерживать проект в чистоте и в соответствии со стандартами. То же самое касается каждого проекта Angular. Эти рекомендации обычно проверяются во время проверки кода, независимо от того, соблюдаются они или нет. Но все же это увеличивает ручное усилие и шансы пропустить его.
Вот некоторые из общих рекомендаций в рамках каждого проекта:
- В коде не должно быть Lint Errors. (Например: - TsLint)
- Код должен быть правильно отформатирован с помощью специального средства форматирования.
- В коде не должно быть неиспользуемых импортированных файлов.
Давайте поговорим об автоматизации включения этих общих рекомендаций, которые являются частью каждого проекта и могут быть автоматизированы путем настройки некоторых параметров в вашей среде IDE.
- В коде не должно быть ошибок Lint
Каждый раз, когда мы устанавливаем расширение TS Lint в VS Code и настраиваем Ts Lint в нашем проекте. Хотя кодирование для большей части линтинга VS Code показывает нам что-то вроде изображения ниже.
Итак, в основном есть быстрое решение для большинства проблем с линтингом.
Но почему мы должны идти вручную и исправлять все эти проблемы, выбирая эти параметры? Можно ли это сделать автоматически?
Ответ - да, проблемы, для которых доступно быстрое исправление. Мы можем настроить наш редактор для автоматического применения этих быстрых исправлений всякий раз, когда мы редактируем и сохраняем наш код.
Вот шаги, которые можно выполнить, чтобы добиться того же.
а. Нажмите F1 и выполните поиск. Откройте настройки пользователя.
б. Нажмите "Открыть настройки пользователя" и найдите Lint в настройках пользователя.
c. Нажмите на Ts Lint
d. Включите параметр Исправить при сохранении.
2. Код должен быть правильно отформатирован с помощью специального средства форматирования.
Поэтому обычно каждый раз, когда мы сохраняем наш код, мы должны форматировать его с помощью средства форматирования, чтобы поддерживать чистую базу кода. Это также можно автоматизировать, изменив настройки формата в IDE.
Вот шаги, которые можно выполнить, чтобы добиться того же.
а. Нажмите F1 и выполните поиск. Откройте настройки пользователя.
б. Нажмите "Открыть настройки пользователя" и введите Включить формат.
c. Включите параметр Форматировать при сохранении.
Теперь у вас есть правильно отформатированный код всякий раз, когда вы вносите какие-либо изменения и сохраняете файл.
3. В коде не должно быть неиспользуемых импортированных файлов.
Здесь нам поможет замечательное расширение, то есть Typescript Hero. Это расширение помогает автоматически импортировать классы по мере ввода, а также сортировать наш импорт и удалять неиспользуемый импорт.
Но для автоматизации неиспользуемого импорта всякий раз, когда мы сохраняем наш код, нам нужно настроить его параметры.
Вот шаги, которые можно выполнить, чтобы добиться того же.
а. Нажмите F1 и выполните поиск. Откройте настройки пользователя.
б. Нажмите "Открыть настройки пользователя" и введите Typescript Hero.
c. Включите параметр Организовать импорт при сохранении.
И здесь вы правильно организовали импорт при каждом изменении вашего проекта.
Теперь эти настройки мы настроили для одного пользователя IDE. Но мы хотим сделать эти настройки по умолчанию для любого разработчика, который проверяет наш проект. Это тоже можно сделать.
До сих пор мы делали все настройки в пользовательских настройках. На той же странице настроек есть еще одна вкладка, то есть Настройки рабочего пространства. Если мы внесем такие же изменения в настройки рабочего пространства. В нашем проекте будет создана папка .vscode с файлом settings.json. Мы можем зафиксировать эту папку .vscode в репозитории нашего проекта. После этого у каждого разработчика, проверяющего наш проект и использующего ту же среду IDE и расширения, эти настройки будут включены.
Сделав включение этих руководящих принципов автоматическим. Мы можем обеспечить некоторые рекомендации, которые будут частью нашей разработки, без каких-либо дополнительных усилий.
