👩‍💻 Полезные горячие клавиши VSCode

• Shift + Del — удаляет строку целиком. Не нужно будет выделять мышкой всю строку и потом нажимать Backspace.

• Ctrl + L — выделяет всю строку целиком. Теперь копипастить еще проще.

• Ctrl + / — Закомментирует или раскомментирует текущую строку.

⚙ Backend Ready | #vscode

👩‍💻 Полезные горячие клавиши VSCode

• Ctrl + Shift + K — Удаляет текущую строку целиком.

• Shift + Alt + F — отформатировать листинг. Быстро выровняет код, чтобы он стал более читаемым, понятным и красивым.

• Ctrl + D — множественное редактирование. Изменит одинаковый код сразу в нескольких местах.

⚙ Backend Ready | #vscode

Знали про такую имбовую фишку? 👨‍💻

VS Code позаботился об управлении контролями версий и содержит себе много фишек, связанных с git

На видео показано, как можно удобно отменить последний коммит, всего лишь одной кнопкой

⚙ Backend Ready | #vscode

👩‍💻 Горячие клавиши VS Code

Нашел для вас очень полезную шпаргалку, в которой собран весь список горячих клавиш для VS Code.

⬇️ Скачать полную версию

⚙ Backend Ready | #vscode

👩‍💻 Фишка для корпоративных разработок

Если вы уже владеете системой управления версиями, то вам будет полезно знать🙄

Режим отслеживания изменений между версиями позволяет удобно посмотреть как изменялся код

Включить можно в меню в верхней панели, также есть режим, который показывает блоки измененного кода 🤩

⚙ Backend Ready | #vscode

👩‍💻 Полезные горячие клавиши VSCode

• Ctrl + F2 — Выделяет все вхождения текущего слова.

• Ctrl + Backspace — Удаляет всё слово стоящее перед курсором.

• Ctrl + Delete — Удаляет всё слово стоящее после курсора.

⚙ Backend Ready | #vscode

👩‍💻 Знал ли ты, что можно открыть браузер прямо в VS Code?

Даже скачивать ничего не нужно, ведь всё уже встроено в редактор. Как и что можно настроить показано на видео выше от Miguel Ángel Durán

⚙ Backend Ready | #vscode

👩‍💻 Полезные горячие клавиши VSCode

• Shift + Del — удаляет строку целиком. Не нужно будет выделять мышкой всю строку и потом нажимать Backspace.

• Ctrl + L — выделяет всю строку целиком. Теперь копипастить еще проще.

• Ctrl + / — Закомментирует или раскомментирует текущую строку.

⚙ Backend Ready | #vscode

Знали про такую интересую VS Code фичу?

У каждого было такое, что хочется просто сосредоточатся на код, но разные фигни тебя отвлекают 🙄

Попробуй включить Zen Mode, а точнее режим Дзен. Он оставляет для вас исключительно область кода, чтобы вы могли сконцентрироваться на коде.

Чтобы включить — нажмите Ctrl+Shift+P и введите zen. Пробуйте 🤩

⚙ Backend Ready | #vscode

👩‍💻 Знаете как можно перенести html элементы в javascript всего одной командой?

Для этого есть плагин Selector Js, который предоставляет функционал из нескольких команд, позволяющих переносить html элементы по именам классов, id или имени тега.

Для его работы необходимо установить плагин, выделить нужный фрагмент html и выбрать подходящую команду.

⚙ Backend Ready | #vscode

👩‍💻 Попробуйте построить свою диаграмму прямо в VS Code

Это можно сделать с помощью классного плагина Draw.io Integration, который позволяет строить множество различных диаграмм, связанных с вашим кодом рядом с проектом.

Для его работы необходимо установить плагин, после создать в нужной папке файл с расширением .drawio

⚙ Backend Ready | #vscode

👩‍💻 Если у вас проблемы с грамматикой, то плагин Code Spell Checker точно поможет)

Это расширение для VS Code, цель которого проверка орфографии, помощь выявить распространенные орфографические ошибки и поможет исправить их.

⚙ Backend Ready | #vscode

👩‍💻 Знаете, что в VS Code можно автоматически наводить порядок в коде по заданным правилам?

Prettier — плагин для VS Code, который форматирует ваш код по единым стандартам: ставит отступы, пробелы, переносы строк и даже следит за запятыми.

Работает с JavaScript, HTML, CSS и множеством других языков. Особенно полезен в командной разработке — один стиль на всех, меньше споров.

Без лишней суеты — сохраняете файл, и Prettier сам всё приводит в порядок.

⚙ Backend Ready | #vscode

👩‍💻 Знаете, что в VS Code можно быстро генерировать фейковые данные для тестов с помощью плагина?

Faker — позволяет легко вставлять случайные имена, адреса, номера телефонов, даты и другие данные прямо в ваш код.

Очень удобно при разработке и тестировании, особенно если нужно наполнить макеты реалистичными значениями.

⚙ Backend Ready | #vscode

👩‍💻 Знаете, что можно визуализировать историю Git прямо внутри VS Code?

Git Graph — мощный плагин, который показывает древовидную структуру коммитов в виде наглядной граф-схемы: ветки, слияния, история — всё как на ладони.

Особенно удобен, если работаете в нескольких ветках или сопровождаете чужой проект — сразу видно, что где происходило.

⚙ Backend Ready | #vscode

👩‍💻 Слышали, что в VS Code ваши Markdown-таблицы могут выглядеть аккуратными и понятными прямо в исходном коде?

Markdown Table Prettifier — плагин, который автоматически форматирует таблицы в тексте. Очень удобно: сразу видно, как выглядит таблица, без постоянного переключения на превью.

Особенно помогает при написании документации и любых текстов с таблицами — комфортно и быстро.

⚙ Backend Ready | #vscode

👩‍💻 Работаете с SQL и устали прыгать между рабочими пространствами?

SQLite3 Editor — минималистичный, но мощный плагин для VS Code, который позволяет прямо внутри редактора создавать, просматривать и редактировать SQL-базы.

Идеален для быстрой отладки, прототипов и локальной аналитики.

⚙ Backend Ready | #vscode