Это Savio здесь. Я молодой разработчик с намерением улучшить как успешный веб -разработчик. Я люблю создавать веб -приложения с React. Я доказал свое превосходство в фронтальных технологиях.
Сегодня я покажу вам 34 Ultimate VS Code расширения, чтобы повысить вашу производительность. Я уверен, что вам понравится этот огромный список удивительных расширений VSCODE.
Автопродажа тег
Автоматически переименование парного тега HTML/XML, так же, как это делает Visual Studio IDE.
Лучшие комментарии
Удлинение лучших комментариев поможет вам создать более удобные для человека комментарии в вашем коде.
Bootstrap 4, Font Awesome 4, Font Awesome 5 Free & Pro Snippets
Плагин кода Visual Studio, содержащий Bootstrap 4, Font Awesome 4 & Font Awesome 5 Free & Pro Snippets. Этот плагин работает как в конюшне, так и в сборке инсайдеров.
Пара кронштейнов Colorizer 2
Это расширение позволяет идентифицировать соответствующие кронштейны с цветами. Пользователь может определить, какие токены подходят, а какие цвета использовать.
изменить регистр
Обертка вокруг узел-ваза для кода Visual Studio. Быстро изменить случай текущего выбора или текущего слова.
Кодовый бегун
Запустите фрагмент кода или файл кода для нескольких языков: C, C ++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, Bat/Cmd, Bash/Sh, F# Script, f# (F# (F# (F# (F# (F# (F# (F# ( .СЕТЬ Ядро), сценарий C#, c# (.net Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, Ocaml Script, R, AppleScript, Elixir, Visual Basic .net, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, Autohotkey, Autoit, Kotlin , Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, Cuda, Less, Fortran и Пользовательская команда
Кодовая проверка орфографии
Основная проверка орфографии, которая хорошо работает с кодом Camelcase. Цель этого проверки орфографии – помочь поймать общие ошибки орфографии, сохраняя при этом количество ложных срабатываний.
CSS PEEK
Разрешить заглянуть в CSS ID и Strings Class в качестве определений из HTML -файлов до соответствующих CSS. Позволяет Peek и Goto определение.
Отладчик для Chrome
Расширение кода VS для отладки вашего кода JavaScript в браузере Google Chrome или других целей, которые поддерживают протокол Chrome Devtools.
EJS Language Support
Синтаксис подсветка для тегов EJS, JavaScript и HTML. Включает в себя автозаполнение JavaScript.
ES7 React/Redux/GraphQL/React-Contipts
Простые расширения для React, Redux и GraphQL в JS/TS с синтаксисом ES7
GitHub вытягивает запросы и проблемы
Это расширение позволяет вам просмотреть и управлять запросами и проблемами GitHub
Gitlens – Git подушено
Выполните возможности GIT, встроенные в код Visual Studio – визуализируйте авторство кода с первого взгляда с помощью аннотаций GIT обвинения и кодового объектива, плавно ориентироваться и исследовать репозитории GIT, получить ценную информацию с помощью мощных команд сравнения и и намного больше
Google шрифты
Это расширение позволяет вам просматривать список шрифтов Google и вставить в ваш код либо HTML, либо CSS
Предварительный просмотр изображения
Показывает предварительный просмотр изображения в желобе и на падении
Graphql
Расширение GraphQL для VSCODE добавляет синтаксис -выделение, валидацию и языковые функции, такие как определение, информация о том, чтобы и автозаполнение для проектов GraphQL. Это расширение также работает с запросами, аннотированными с тегом GQL.
Компоненты VSCODE
Синтаксис подсветка для стиля-компонентов
Prettify Json
Visual Studio Code предварительно
Импорт Стоимость
Это расширение будет отображаться в редакторе в редакторе размером с импортированного пакета. Расширение использует WebPack с Babili-Webpack-Plugin, чтобы обнаружить импортированный размер.
Intellisense для имен классов CSS в HTML
Завершение имени класса CSS для атрибута класса HTML на основе определений, найденных в вашем рабочем пространстве.
JavaScript (ES6) фрагменты кода
Это расширение содержит фрагменты кода для JavaScript в синтаксисе ES6 для редактора кода VS (поддерживает как JavaScript, так и TypeScript).
Живой сервер
Запустите локальный сервер разработки с функцией Live Reload для статических и динамических страниц
Живая доля
Совместная разработка в реальном времени из комфорта ваших любимых инструментов.
Предварительный просмотр Markdown Enhanced
Предварительный просмотр Markdown Enhanced Ported в VSCODE
Фрагменты монго для Node-JS
Обеспечивает фрагменты, код паттерской пластины для запросов на монго и предложения по завершению моделей.
npm
Это расширение поддерживает запуск сценариев NPM, определенные в файле Package.json и проверка установленных модулей в отношении зависимостей, определенных в Package.json.
NPM Intellisense
Плагин кода Visual Studio, который автозаполняет модули NPM в операторах импорта
Изображения заполнителей
Создать и вставить изображения заполнителей в свой HTML в коде Visual Studio, используя различные сторонние услуги, такие как Unsplash, Placehold.it, Loremflickr и другие
Polacode
Polaroid для вашего кода
Красиво – форматер кода
Краткий формат является самоуверенным форматированием кода. Он обеспечивает соблюдение последовательного стиля, анализируя ваш код и повторно печатать его с помощью собственных правил, которые учитывают максимальную длину строки, при необходимости обертывая код.
АВТОМОБИЛЬНАЯ ТАКНА
Tabnine – это мощный помощник искусственного интеллекта, разработанный для того, чтобы помочь вам быстрее кодировать, уменьшить ошибки и открыть для себя лучшие методы кодирования – даже не оставляя комфорта VSCODE.
Tailwind CSS Intellisense
Tailwind CSS IntelliSense расширяет опыт разработки Tailwind, предоставляя пользователям Visual Studio код с расширенными функциями, такими как автозаполнение, синтаксис, выделение и лининг.
Луна краска
Luna Paint – это расширение кода VS, которое позволяет редактировать растровые изображения из редактора, просто откройте изображение от исследователя и начните редактировать, как и любой другой файл.
Quokka.js
Quokka.js – это инструмент производительности разработчика для быстрого прототипа JavaScript/TypeScript. Значения времени выполнения обновляются и отображаются в вашем IDE рядом с вашим кодом, когда вы вводите.
👀 Завертывание
Да, это обертка. Надеюсь, вам понравилась статья. Не стесняйтесь делиться своими отзывами. Я в Твиттере @saviomartin7 Анкет Следите за!
Следуйте за мной на GitHub @Saviomartin , Не пропустите мои удивительные проекты! 💯
Вы знаете больше, добавьте их в комментарии. Отзывы высоко ценятся! 🙌 Хорошего дня!
🌎 Давайте подключимся
🙌 Поддерживать
Мои проекты подпитываются кофе ☕, возьмите один для меня!
Оригинал: “https://dev.to/saviomartin/34-ultimate-vs-code-extensions-to-increase-productivity-4hee”