VS код Есть в числе самых популярных, бесплатных, открытых исходных кодов-редакторов, и одна из причин такого высокого спроса – это расширения и плагины, которые он предлагает.
Если вы являетесь пользователем кода VS, вы должны быть знакомы с некоторыми популярными расширениями, такими как Live-Server и Красивее Отказ Если у вас нет, вы не должны проверить их. Здесь я делюсь с моим списком классных расширений для VS-кода, который вы можете не знать и могут сделать вашу жизнь легко.
1. Путь Intellisense
В крупных проектах, вспомнив конкретные имена файлов и каталоги, которые в ваших файлах могут быть сложными. Это расширение предоставит вам Intellisense только для этого. Когда вы начинаете набрать путь в цитатах, вы получите Intellisense для каталогов и именах файлов . Это спасет вас от проведения много времени в проводнике файлов.
2. Гит объектив
Там есть куча гидроэтапных расширений, но один является самым мощным с тоннами особенностей. Вы получаете Винована информация, линия и история файлов, поиск по поиску и намного больше. Если вам нужна помощь с рабочим процессом Git, начните с этого расширения!
3. Кронштейн пара красителя
С тоннами вложенного кода становится практически невозможно определить, какие кронштейны совпадают друг с другом. Кронштейн Pair Colorizer, как одинаково предлагает, цвета соответствующих скобкам, чтобы сделать ваш код гораздо более читаемым. Поверь мне, ты хочешь этого!
4. Предварительный просмотр браузера
Если вы используете расширение Live-Server, это идет еще один шаг дальше с точки зрения удобства. Это дает вам в прямом эфире Предварительный просмотр Внутри VS-кода Отказ Больше нет необходимости вкладывать в ваш браузер, чтобы увидеть небольшое изменение!
5. JavaScript код фрагмента
Это расширение предоставляет вам фрагменты для популярных частей современного (ES6) JavaScript Code. Теперь нет необходимости ввести один и тот же кусок кода снова и снова.
6. Eslint.
Это расширение может быть настроено на Автоформат Ваш код, а также «yell» с двусмысленными ошибками/предупреждениями. VS код специально также идеально настроен, чтобы показать вам эти ошибки/предупреждения.
7. Авто переименовать теги
Нужно переименовать элемент в HTML? Ну, с автоматическим переименом тег, вам просто нужно переименовать либо тег в открытие или закрытие, а другой будет переименован автоматически Отказ Простой, но эффективный!
8. Quokka.js.
Нужно быстрое место для проверки некоторого JavaScript? Куокка дает вам JavaScript (и Teadycript) statkPad в VS-коде . Это означает, что вы можете проверить кусок кода прямо в вашем любимом редакторе!
9. Лучшие комментарии
Это расширение Цветовые коды Различные типы комментариев, чтобы дать им разное значение и выделяться от остальной части вашего кода. Вы можете цветные в информационные комментарии с зеленым цветом, чтобы делать комментарии с оранжевым цветом, а также так.
10. Лучше выровнять
Если вы тот человек, который любит Идеальное выравнивание В вашем коде вам нужно лучше соглашаться. Вы можете выровнять несколько переменных деклараций, трейлинг комментариев, разделы кода и т. Д. Нет лучшего способа почувствовать, как удивительно это расширение, чем установка его и дает ему попробовать!
Бонус! 🔥
# Polacode
Вы знаете, тем модным кодом Скриншоты Вы видите в статьях и твитах? Ну, скорее всего, они пришли из полякодов. Это супер простой в использовании. Скопируйте кусок кода в буфер обмена, откройте расширение, вставьте код и нажмите, чтобы сохранить свое изображение!
Демо:
Если вы должны узнать что-то новое и полезное показать немного любви, давая этот пост A ❤️ Если вы также знаете несколько прохладных расширений, затем делитесь ими в разделе «Комментарий» ниже.
Для загрузки и узнать больше об этих расширениях Посетите ссылки: * Путь Intellisense * Git Lens * Кронштейн пара Colorizer * Предварительный просмотр браузера * JavaScript код фрагмента * Es lint. * Авто переименовать теги * Квока * Лучшие комментарии * Лучше выровнять * Полокод * Live-Server * Красивее
Если вы прочитали до сих пор, сохраните этот пост и поделитесь этим с вашими приятелями программирования 😃
Оригинал: “https://dev.to/hardikchopra242/cool-extensions-for-vs-code-48jc”