Я использую код 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 либо через настройку, либо прямо из коробки.