Введение

Так что я потратил много (так много) времени на создание наилучшей настройки кодирования, эта история предназначена для разработчиков Javascript или Typescript.

Расширения как отдельные части

1. Цветовая тема

Таким образом, эту цветовую тему можно использовать бесплатно (что-то, что вам нужно будет нажать, чтобы закрыть кнопку), но у вас будет лучшая возможность сделать процесс кодирования таким прекрасным Monokai Pro (палитра спектра — это моя выбор)

2. Шрифт

Эта часть так важна, но я должен предупредить вас, когда вы начнете использовать этот шрифт, после этого вы не сможете использовать другой, потому что этот шрифт почти идеален (в этом шрифте нет лигатур), но не Не волнуйтесь, я добавил к этому шрифту лигатуры, и в ближайшее время напишу о нем рассказ, чтобы вы могли купить его на этом сайте или скачать бесплатно с какого-нибудь репозитория на github Operator mono ( средний мой выбор)

*важно для лучшего эффекта кодирования дополнительно установите вариант с курсивом, поскольку цветовая тема Monokai Pro поддерживает несколько типов шрифтов

3. Тема иконок

Самая красивая тема иконок (на данный момент, которую я нашел) — это Material Icon Theme. Я думаю, что 34 миллиона загрузок имеют значение)

4. Тема значка продукта

По крайней мере, значки по умолчанию неплохие, но лично я предпочитаю Значки углеродных продуктов или вы можете попробовать Свободные значки.

Окончательный вид этих четырех настроек

Основные расширения

Во-первых, расширения, которые я использую везде

  1. Красочные комментарии,

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

И здесь вы можете увидеть интеграцию с курсивным шрифтом монофонического шрифта Operator.

2. Менеджер проектов, это расширение дает вам возможность легко открывать ваши проекты с путями, которые вы настроите, это будет полезно, когда вам нужна какая-то часть кода в каком-то проекте, и с этим расширением вы можете легко ориентироваться.

3. Отступ Радуги с этой конфигурацией

4. Изменить регистр дает вам возможность быстро изменить регистр (верблюжий регистр, CONSTANT_CASE, змеиный регистр и т. д.) текущего выделения или текущего слова. Так полезно с пользовательским сочетанием клавиш или Shift + Ctrl + P.

5. Сохранить все, если вы работаете над большим проектом, например, если вы используете сервер с nextjs, все знают, что сохранение файла при открытии будет в любой момент пересобрать его, поэтому данное расширение частично решает эту проблему.

6. Переключить кавычки,

7. Bracket Pair Colorizer 2 с этим конфигом

8. Предварительный просмотр изображения, название говорит само за себя, возле ряда строк вы увидите небольшой превью изображения.

9. Highlight Matching Tag, небольшие, но полезные расширения для выделения тегов

10. Path Intellisense, обязательные расширения, которые автоматически заполняют имена файлов.

Для управления базой данных

Для REST-процесса

Другие расширения

Также, дополнительные расширения, которые всем известны

  • Автоматическое закрытие тега
  • Автоматическое переименование тега
  • Visual Studio IntelliCode
  • Более красивый форматтер
  • ГитЛенс

Вывод

Конечно, вы можете использовать все расширения, которые я описываю, но, скорее всего, они будут очень медленными, поэтому лучше (если вы используете это расширение не часто) использовать расширение только тогда, когда оно вам нужно. И да, я знаю, что все это знают, но, возможно, эта история будет кому-то полезна.

Спасибо за чтение, я так ценю это ♥.