Я использую код Visual Studio последние 3-4 года, и хотя мне не нравится, насколько он ресурсоемкий, но когда дело доходит до функций и настроек, он меня никогда не разочаровывает. Мне очень нравится настройка, которая у меня есть сейчас, поэтому я подумал, что должен написать о своей текущей настройке по сравнению с кодом.

Обо мне и моей работе

Я полноценный веб-разработчик, в основном работаю на Typescript. Наш внешний интерфейс использует React, Apollo Client и Next.js (когда требуется серверный рендеринг). В бэкенде мы используем Nodejs, Express, GraphQL и Prisma, а для развертывания — без сервера с Github CI/CD.

Тема

Большую часть времени я использую тему по умолчанию Dark +, а иногда использую Github Dark.

Если я чувствую себя очень авантюрным, я использую Slack Theme, которая представляет собой тему светлого цвета. Однако у него есть несколько ошибок.

Шрифт и настройки

Я предпочитаю шрифт Cascadia code от Microsoft, и из всех шрифтов на основе лигатур, которые я пробовал, Cascadia code и JetBrains Mono — два лучших шрифта, на мой взгляд.

Расширения

  • EsLint: для линтинга в JS/TS.
  • GitBlame: показывает информацию об обвинениях в строке состояния, которую я использую вместо Gitlens, потому что мне не нужны все остальные вещи.
  • Github Copilot: автозаполнение с ИИ. если вы не пробовали, это так здорово. записаться в лист ожидания.
  • Стоимость импорта: очень полезно убедиться, что вы не импортируете тяжелые зависимости в свой интерфейс.
  • Красивее: форматировщик кода
  • Quokka.js: приятный небольшой инструмент, помогающий отлаживать код.
  • TODO Highlight: Основные моменты // TODO: и // FIXME: комментарии в коде.
  • Wakatime: для отслеживания моей статистики, связанной с программированием.
  • VIM: когда я чувствую, что мне нужно использовать привязки клавиш vim (большую часть времени отключены).

Языковая поддержка и расширения Intellisense

  • Env: языковая поддержка файлов .env
  • GraphQL: подсветка синтаксиса запросов graphql
  • Prisma: подсветка синтаксиса и файлы IntelliSense .prisma
  • поддержка жидких языков: подсветка синтаксиса жидких файлов
  • Svelte для VS Code: подсветка синтаксиса и файлы IntelliSense .svelte
  • Tailwind CSS Intellisense: Intellisense для названий классов попутного ветра
  • language post-css: языковая поддержка пост-CSS, которая используется для компиляции в попутном ветре.

Расширения, которые я использовал, но устарели в 2022 году

  • Колоризатор пары скобок
  • NPM IntelliSense
  • путь IntelliSense
  • палитра цветов
  • настройка синхронизации
  • автоматическое закрытие тегов HTML

Их функционал теперь уже доступен в vs code либо через настройку, либо прямо из коробки.