Visual Studio Code (VS Code) является самой популярной IDE для разработчиков прямо сейчас из -за его простоты и доступности обширных расширений.
В этой статье мы увидим некоторые из самых полезных и популярных расширений в коде VS.
1. Относительный путь
Это одно из моих любимых расширений. Это расширение позволяет нам быстро добавить импорт для любого файла, даже если оно глубоко вложено, используя функциональность поиска.
Просто нажмите Ctrl+shift+h или Cmd+shift+h (mac) Чтобы активировать его и найти файл, который вы хотите импортировать.
2. Es7 React/redux/graphql/Реактивные фрагменты
Это необходимое расширение, если вы разработчик React.js.
Он предоставляет тонну префиксов, которые мы можем использовать для быстрого добавления фрагментов кода, не тратя время на переписывание того же кода снова и снова.
Проверьте мою предыдущую статью Здесь Больше подробностей.
3. Graphql
Это расширение полезно для добавления синтаксического выделения в .graphql или .prisma Файлы для быстрого идентификации ошибки, если таковые имеются в файлах схемы.
4. Красивее
Это необходимое расширение для каждого разработчика, независимо от того, используете ли вы HTML или JavaScript или React или любую другую структуру или библиотеку.
Это экономит ваше много времени, избегая необходимости форматирования после каждой строки кода. Он автоматически форматирует ваш код при сохранении файла. Это также помогает поймать ошибки в вашем коде, поскольку он не будет отформатировать код, если есть ошибка, например, отсутствующий кронштейн или неверный синтаксис.
Проверьте мою предыдущую статью Здесь Чтобы понять его удивительные функции и научиться их использовать.
5. Предварительный просмотр изображения
Это расширение позволяет нам быстро увидеть предварительный просмотр любого изображения в файле CSS в левой стороне URL -адреса изображения или на Hover.
6. Prettify Json
Если вам нужно быстро отформатировать данные JSON, то вы можете создать файл .json с данными JSON внутри него и из командной палиты VS Code Press Ctrl+shift+p или Cmd+shift+p (mac) и введите Prettify json для форматирования содержимого файла.
7. Тонкие кронштейны
Это расширение очень полезно, чтобы быстро найти соответствующий кронштейн, показывая подчеркивание для соответствующего кронштейна.
8. Компоненты VSCODE
Если вы используете Стилидированные компоненты В React это расширение предоставит синтаксис подсветку для стиля компонента, что позволяет легко писать и отлаживать его.
9. Автопродажа тег
Это расширение автоматически переименовает окончательный HTML -тег при переименовании стартового тега и наоборот.
10. Авто -закрытый тег
Это расширение автоматически закрывает окончательный HTML -тег, добавляя новый HTML -тег, который помогает избежать проблемы пропущенных тегов.
11. Отметка все в одном
Это расширение предоставляет команды ярлыки, которые будут использоваться в файлах Markdown (.md), например, просто выбрать текст и нажатие Ctrl+B или Cmd+b (mac) Чтобы сделать текст смелым. Это также позволяет нам легко просмотреть файлы разметки.
12. GIT ИСТОРИЯ
Расширение истории GIT позволяет нам увидеть историю GIT в нашем репозитории, сравнить ее с предыдущей версией, создать новую филиал и многое другое. Просто щелкните правой кнопкой мыши на любой файл/папку из VS -кода, который добавлен в GIT, и выберите GIT: Просмотр истории файлов Возможность увидеть всю историю GIT для этого файла/папки.
Не забудьте подписаться, чтобы получить мой еженедельный информационный бюллетень с удивительными советами, хитростями и статьями непосредственно в вашем почтовом ящике здесь .
Оригинал: “https://dev.to/myogeshchavan97/most-useful-vs-code-extensions-to-improve-your-productivity-okh”