Я использую Visual Studio Code в качестве основного редактора кода уже более двух лет. Раньше я работал с Sublime Text, отличным программным обеспечением (особенно из Notepad ++), но ребята из Microsoft постоянно проделывают потрясающую работу, делая свой редактор лучшим, и их ежемесячное обновление показывает, насколько они преданы своему делу. продолжайте улучшать это.
Так что это был мой любимый редактор, но хороший редактор был бы ничем без хороших расширений. Я составил список из 10 моих любимых (плюс еще несколько) расширений, без которых я не смог бы жить. Они значительно облегчают мою повседневную работу и позволяют мне сэкономить так много времени в долгосрочной перспективе. Вот они (в произвольном порядке):
VS Code предоставляет крошечное окно предварительного просмотра цветов в файлах CSS. Информация о цвете позволяет лучше видеть цвет, на который наводит курсор мыши, со значениями CMYK или альфа. Он даже может действовать как палитра цветов, что действительно удобно.
Вы знаете Я люблю смайлики. Это расширение позволяет напрямую вставлять смайлы или вводить коды смайлов в файлы. Допустим, вы хотите вставить смайлик джойстика. Например, просто начните вводить :joy
, и вы увидите всплывающее окно автозаполнения, в котором можно будет напрямую вставить значок 🕹. Если вы введете ::joy
, будет вставлен :joystick:
вместе с предварительным просмотром смайлика. Это великолепно!
Как следует из названия, это простое расширение показывает git blame
текущей выбранной строки в строке состояния.
Мне очень нравится Markdown. Фактически весь этот сайт широко использует уценку, поскольку он построен с помощью Hugo. Это расширение помогает писать Markdown, добавляя такие ярлыки, как Cmd + B
для полужирного текста, Cmd + I
для курсива и т. Д. Так удобно!
Если вы похожи на меня и работаете на нескольких (иногда виртуальных) машинах, это расширение прекрасно! Он позволяет синхронизировать ваши настройки и расширения благодаря Github Gist, который загружается / выгружается.
Как следует из названия, он выделяет TODO, FIXME и любое указанное вами ключевое слово. Просто напишите где-нибудь TODO:
, и он не только выделит это, но и перечислит все, что вы уже написали где-нибудь в своем проекте.
Это расширение - швейцарский нож для Vue. От автозаполнения до фрагментов - это обязательный элемент для любого фронтенд-разработчика.
Многоязычная, автономная и «легкая» проверка орфографии. Spell Right использует ваши встроенные словари для проверки ошибок и может проверять ошибки на любом (и даже на нескольких) языках в любом месте вашего проекта. Однако следите за большими файлами, так как иногда для их работы может потребоваться некоторое время. У меня обычно по умолчанию он выключен. Его легко попросить проверить правописание, просто нажав на значок глаза в строке состояния.
Как ни странно, VS Code по умолчанию не поддерживает EditorConfig. Просто установите это расширение, и оно мгновенно начнет прослушивать любой .editorconfig
файл, с которым столкнется.
Теперь этим пользуюсь постоянно! Закладки - это расширение, которое помещает маленькие синие закладки в ваш файловый канал. Это очень удобно, когда вам нужно переключаться между позициями внутри файла или если вам нужно быстрое напоминание в любом месте вашего проекта. Я установил свой с помощью shift + cmd + =
(переключить закладку) и shift + cmd + -
(следующая закладка), и благодаря этому я могу перемещаться по файлам, не покидая клавиатуры. Расширение также добавляет небольшую панель прямо под вашим файловым браузером, в которой перечислены все активные закладки в текущем проекте. Обязательно.
Почетные упоминания
Это расширение довольно простое. Просто введите начало файла / каталога, и оно автоматически заполнит его имя. Действительно удобно, когда вам нужно указать файл внутри node_modules
.
Большую часть времени я внедряю свои зависимости в свои файлы Javascript благодаря Webpack. Но всякий раз, когда мне нужно что-то быстро смоделировать, это расширение мне на помощь. Используя палитру команд, вы сможете вставлять URL-адреса или теги скриптов / стилей для всех библиотек, с которыми работает cdnjs. Очень удобно.
Есть чем поделиться?
Итак, вот несколько расширений, которые я использую каждый день. Если он у вас есть, я должен проверить, нажмите в разделе комментариев или отправьте мне твит!