Я начал изучать JavaScript чуть больше года назад и только что запустил свой второй стартап. Я хотел записать это, пока не забыл, каково было начинать программирование с нуля и что помогло больше всего.
Второй пилот GitHub
GitHub Copilot предсказывает, какой код (и комментарии) вы собираетесь написать, и автоматически дополняет его для вас.
С ума сойти, как хорошо. Не использовать его для моего первого стартапа было явной ошибкой.
Вероятно, около 50% кодовой базы моего последнего стартапа написано Copilot. Под влиянием ИИ? Даже больше!
Параллельно я также держу открытым Chat GPT. Он действует как своего рода наставник по искусственному интеллекту — я просил все, от выражений регулярных выражений до манипулирования узлами DOM и функций, специфичных для расширения Chrome. Обычно он возвращает довольно надежный ответ, если вы достаточно конкретны в подсказке.
Я уже писал о важности наставников, но проблема с наставниками-людьми в том, что они не всегда доступны. Я не могу просто задавать им вопросы целыми днями. Но я могу с ИИ. ChatGPT очень помог.
ChatGPT требуется некоторое время, чтобы ответить, и время от времени он может быть недоступен из-за спроса. Итак, вот изящный маленький трюк, который я обнаружил, чтобы сэкономить время на более простые вопросы — вы можете задавать вопросы Copilot в редакторе VS Code и получать мгновенные ответы:
Copilot имеет очень щедрый 2-месячный пробный период. Я даже не перепроверил цену, когда пробный период закончился. Платить за Copilot было, вероятно, самым простым решением о покупке, которое я недавно принял. Это просто экономит столько времени и нервов. Никакое другое расширение не подходит даже близко с точки зрения полезности.
Восстановить терминалы
Вероятно, это наиболее полезно для разработчиков полного стека. Мой последний стартап Lingo Champion — это расширение Chrome для изучения языков с прикрепленным к нему веб-приложением. Это означает, что в любой момент времени у меня было открыто как минимум 4 терминала:
- Каталог расширений Chrome для отправки изменений в GitHub
- Каталог Webapp для отправки изменений в GitHub
- Интерфейсный сервер для веб-приложения
- Внутренний сервер для веб-приложения
Довольно раздражает необходимость каждый раз открывать 4 терминала и переводить их в правильное состояние.
Именно в этом и помогает Восстановление терминалов. Открывайте терминалы и запускайте в них команды при открытии рабочей области в VS Code.
По сути, вам просто нужно создать каталог с именем .vscode/ с restore-terminals.json внутри него и поместить в него настройки в формате JSON.
Вы даже можете аккуратно разделить клеммы. У меня есть серверы в одном сплите и терминалы для отправки изменений в другом сплите.
PS: не забудьте добавить каталог в .gitignore, если вы не хотите отправлять его на GitHub.
Выделение комментариев
Вы когда-нибудь писали что-то подобное в комментариях к коду?
// POSSIBLE BUG!!! - DOUBLE CHECK!!!
Я часто так делал, когда не было времени перепроверить код сразу во время написания. Довольно быстро стало грязно.
Более простой и элегантный способ — использовать TODO Highlight. Это позволяет выделить любые текстовые шаблоны в комментариях.
Вот фактическая установка, которую я использую:
Это помогает сразу же привлечь внимание к ошибкам и задачам, что, в свою очередь, помогает мне поддерживать код в лучшем состоянии.
Я устанавливаю разные цвета для разных вещей, таких как ошибки, заметки, задачи и т. д.
Вот как будет выглядеть файл, когда расширение активно:
Обратите внимание, что вы можете сразу увидеть на вертикальной полосе прокрутки справа, есть ли какие-либо выделенные элементы где-либо в этом файле. Трудно забыть о возможных багах, когда они подсвечиваются.
Бонус — два полезных сочетания клавиш
Хотя это и не совсем расширения, эти ярлыки экономят мне время каждый божий день написания кода.
Комментирование
CTRL+/
Это позволяет быстро закомментировать строку кода. Или, если вы выбираете несколько строк кода, это работает и там. Повторное использование ярлыка раскомментирует строку(и).
Перемещение строк кода вверх или вниз
ALT+Вверх
ALT+Вниз
Иногда вам нужно переместить строку вверх или вниз (обычно в функцию или из нее). Глупое решение для этого — вырезать и вставить, но тогда вам также придется использовать мышь, удалять пустую строку и т. д. Этот ярлык устранит эту небольшую неприятность.
Есть ли какие-нибудь расширения, которые очень помогли вам как новичку? Пожалуйста, дайте мне знать в комментариях.
