VS Code один из популярных редакторов кода (как по мне так самый лучший, если не согласен, напиши свой вариант в комментариях). Распространяется бесплатно, под него разрабатывают кучу плагинов, доступен на всех платформах, шустрый, дерзкий и на вид приятный.
Несмотря на то, что VS Code это в первую очередь редактор кода и соответственно инструмент разработчиков, в то же время он может быть полезным в работе тестировщика (и не только автоматизатора пишущего код, но и в руках ручника).
Смотри чем может быть полезен и как эту пользу получить (кстати весь функционал сразу из коробки).
Встроенный линтер для удобства чтения
Линтер vs code позволяет привести в удобочитаемый вид распространенные типы документов. Например, когда получаешь от сервера минифицированный json, html, css и т.п.
Можно форматировать весь документ (SHIFT + ALT + F / OPTION+ SHIFT + F) или выделенный кусок документа (CTRL + K и следом CTRL + F / CMD + K и следом CMD + F).
Кстати линтер используется не только для форматирования кода, а также для оформления кода по общепринятым правилам (кол-во отступов, подсказки объявления переменных и т.п.).
Подсветка кода, ошибок и подсказки
С подсказками у vs code все в порядке и иногда даже помогают найти баги такого рода, как пропущенная запятая. Подробное описание ошибок можно найти в дебаг-панели (о ней ниже в разделе "Встроенный терминал").
Также по цвету можно понять что является функцией (подсказывает какие переменные подаем на вход и варианты перегрузки функции), что является переменной, где строка, а где ключевые слова.
Иногда приходится покопаться в скриптах написанных разработкой и с помощью функции "Go to Definition" (CTRL + клик) можно прыгнуть в то место кода, где функция объявлена.
Встроенный терминал
Терминал тот же что cmd/bash/zsh. Вызывается с помощью горячих клавиш (CTRL + ' / ^ + `). В терминале есть интересная вкладка - "Problems". В ней можно увидеть ошибки и предупреждения. Например, забудем указать запятую в jsone после очередной пары ключ-значение и получим подсказку где ошиблись или переименуем функцию и не поправим ее вызов в коде - получим предупреждение, что вызываем функцию, которая не определена.
Поиск
Поиск есть во всех редакторах. VS Code также не исключение. Тут все стандартно искать по точному вхождению, частичному совпадению или с помощью регулярки. Например, можно поискать в json'е ключи у которых значение число.
Command Palette
Мощный поиск с кучей команд. Запускается хоткеями Ctrl + P / Command + P. Перечислю некоторые полезные:
- Сравнение двух файлов: CTRL + P > Сompare active file with... (выбрать с чем сравниваем)
- Прыгнуть на нужную строку: CTRL + P > :<номер строки>
- Поиск сущностей: CTRL + P > @<имя искомой сущности>
Command Palette позволяет выполнять команды установленных расширений. Если установлено расширение Git Graph, то можно построить дерево командой CTRL + P > Git Grapth: View Git Graph.
Расширение функционала экстеншинами
Для повышения продуктивности разработчики пишут расширения для VS Code. Поискать что-то подходящее себе можно в маркете расширений. Кстати, если есть какие-то интересные, то делись в комментариях.
Итог
У VS Code еще куча функций (разделение рабочего пространства, встроенный git-клиент, создание workspace'ов чтобы сохранить проект и открыть его снова и т.п.). Поэтому:
- Если еще не пользовались vs code, то советую обратить внимание. И поделиться своим опытом.
- Если пользовались, но не понравился, то напишите почему.
Полезные ссылки
- Полезные расширения браузера для тестировщика
- Какой инструментарий нужен новичку в тестировании
- Полезные веб-сервисы для тестировщика