лучшие расширения для visual studio 2019

5 полезных расширений для Visual Studio

Авторизуйтесь

5 полезных расширений для Visual Studio

5 vs extensions

В статье мы рассмотрим 5 полезных расширений для среды разработки Microsoft Visual Studio, которые упростят ваш труд, сэкономят время и снимут несколько килограмм работы с ваших плеч.

ReSharper

19

ReSharper — одно из самых популярных расширений для Visual Studio. Это мощное дополнение значительно упрощает различную рутинную работу: рефакторинг, поиск ошибок, оптимизацию и многое другое. Помимо помощи при вводе, ReSharper также вносит умные корректировки, может удалять неиспользуемые участки кода и визуализирует структуры файлов, классов и зависимостей. Поддерживает Visual Studio 2010/2012/2013/2015. Расширение платное, однако есть возможность пробного использования.

Visual Assist

25

Данное расширение чем-то похоже на ReSharper. Visual Assist предназначен для упрощения работы с C, С++ и С# проектами. Упрощает написание и редактирование кода, имеет отличные и качественные инструменты рефакторинга, удобную систему поиска и устранения ошибок и многое другое. Как и в случае с ReSharper, Visual Assist распространяется платно с возможностью 30-ти дневного пробного использования. Поддерживает Visual Studio 2010/2012/2013/2015.

NuGet Package Manager

37

Расширение отлично подходит для тех, кто, например, долго возится с добавлением библиотек в проект. Представляет из себя коллекцию инструментов, предназначенных для автоматизации процесса загрузки, обновления, изменения и удаления пакетов. Приятным бонусом можно считать возможность удобно взаимодействовать с репозиторием NuGet, который содержит более 45 тысяч уникальных библиотек. Для работы NuGet Package Manager вам необходимо иметь установленный PowerShell 2.0. Расширение бесплатное и поддерживает Visual Studio 2010/2012/2013.

Скачать (Visual Studio 2010/2012)
Скачать (Visual Studio 2013)

VSColorOutput

46

Нехитрое бесплатное расширение, помогающее в поиске и исправлении ошибок. Суть работы заключается в том, что VSColorOutput меняет цвет строк в окне вывода по определенным правилам. Настройки по умолчанию следующие: ошибки выделяются красным цветом, предупреждения — желтым, а успешная сборка — зеленым. Правила, по которым отображается цвет в том или ином случае, можно менять на любой вкус и цвет при помощи редактирования регулярных выражений. Очень удобно использовать в больших запутанных проектах. Поддерживает Visual Studio 2010/2012/2013/2015.

Indent Guides

54

И, наконец, упомянем довольно примитивное, но удивительно удобное расширение. Indent Guides добавляет вертикальные пунктирные линии, по которым очень удобно следить за отступами. Расширение можно настраивать, делая интервалы между линиями неравномерными. Расширение распространяется бесплатно и поддерживает Visual Studio 2012/2013/2015. Indent Guides для Visual Studio 2010 можно найти на сайте разработчика.

Хинт для программистов: если зарегистрируетесь на соревнования Huawei Cup, то бесплатно получите доступ к онлайн-школе для участников. Можно прокачаться по разным навыкам и выиграть призы в самом соревновании.

Перейти к регистрации

Источник

Полезные плагины (расширения) для Visual Studio

В этой подборке я перечислил удобные и полезные плагины, которыми я пользуюсь ежедневно, и которые помогают мне в работе.

Ниже представлен список плагинов (расширений, plugins), установленных у меня в среде разработки Visual Studio. В основном, это плагины для веб-разработки, но есть и некоторые другие. В прикрепленном видео более подробно рассказывается о настройке и возможностях упоминаемых расширений.

hjsammio

2mvn1nww

ZenCoding: это аналог плагина EMMET, адаптированный под Visual Studio. Плагин позволяет быстро генерировать HTML-разметку, используя синтаксис CSS. Также в комплект входит генератор Lorem Ipsum, генератор Lorem Pixel, генератор PlaceHold.it.

vylymols

Syntax Highlighting Pack: плагин добавляет дополнительную подсветку синтаксиса и поддержку сниппетов для многих языков программирования, включая Clojure, Go, Jade, Lua, Swift, Ruby и прочие.

na5024ub

HTML Snippet Pack: плагин позволяет более продуктивно работать с разметкой HTML (генерация, автозакрытие тегов). Отлично дополняет ранее объявленный ZenCoding.

5wwg14nq

Editor Enhancements: плагин добавляет такую функциональность как HTML/URL encoding, трансформация и сортировка выделенного участка текста, хеширование по различным алгоритмам.

epdl2hfg

File Icons: добавляет привлекательные иконки для различных типов файлов, которые не может распознать Visual Studio.

vizab4es

File Nesting: плагин автоматически совмещает файлы в древовидную структуру, основываясь на имени файла. Также позволяет принудительно вкладывать файлы различных типов.

1jkkv12c

Image Optimizer: плагин добавляет возможность оптимизации изображений прямо из Visual Studio. Оптимизировать можно JPEG (MozJPEG компрессия), PNG (Zopfli компрессия), обычные и анимированные GIF. Также можно сохранить изображение в виде строки base64 dataURI.

5wudlzfs

Open Command Line: плагин добавляет поддержку консолей различных типов, включая cmd, PowerShell, Bash и другие.

detqs05s

Bundler and Minifier: плагин позволяет реализовывать связывание и минификацию файлов JavaScript, CSS, HTML.

edt4m1we

Web Compiler: расширение позволяет компилировать файлы LESS, Sass Stylus, JSX, ES6 и CoffeeScript.

m0lhlskr

CSS Tools: плагин добавляет улучшения для CSS-редактора в Visual Studio, такие как превью обозначенного шрифта или картинки, подсказки для цветов, Drag ‘n drop некоторых элементов и другие.

t0cdvukv

Подборка будет по возможности дополняться. Возможно, я не использую многие полезные плагины, так как не знаю о них. Кидайте в комментарии свои плагины, которыми пользуетесь Вы.

Читайте также:  лучше синица в руках чем журавль в небе значение в какой ситуации

Источник

ТОП-10 расширений Visual Studio Code для удобной разработки

Все, что вам нужно для быстрой работы – от интеграции Docker и Git до поддержки Markdown и XML. Что еще умеет Visual Studio Code?

10 vscode extensions 1

VS Code – это не просто текстовый редактор. Благодаря встроенным возможностям и огромному количеству расширений он превратился в полноценную IDE для проектов различной сложности. Сохраняя гибкость и легкость, он позволяет настраивать все, что вам необходимо.

Поддержкой множества языков уже давно никого не удивишь – любой редактор это умеет. Самые ценные возможности инструмента не связаны непосредственно с любимым вами языком программирования. Это работа с репозиториями, различными форматами документов и данных, комфортный процесс разработки.

Среди бесчисленных плагинов для Visual Studio Code мы выбрали очередной ТОП-10. Возможно, вы еще не используете их.

Для визуализации разметки

HTML Preview

Иногда для комфортный работы требуются очень простые вещи. Например, плагин HTML Preview, который умеет показывать, как будет выглядеть HTML, который вы пишете.

Инструмент больше подходит для фрагментов кода, а не для целых страниц с подключенными таблицами стилей. Впрочем и с этой задачей он справится, если все внешние ресурсы доступны.

htmlpreviewПредварительный просмотр веб-страницы при редактировании HTML-кода с плагином HTML Preview.

AsciiDoc

90% разработчиков терпеть не могут писать документацию к своим проектам. Чтобы сделать это важное занятие немного более приятным, используйте профессиональные инструменты, например, плагин AsciiDoc. Вы пишете и сразу видите результат в режиме реального времени с подсветкой синтаксиса, кучей сниппетов и поддержкой символов.

Все работает на JavaScript, но при желании можно перейти на Ruby-движок.

asciidocРедактирование файлов AsciiDoc с подсветкой синтаксиса и просмотр в режиме реального времени.

Markdown All in One

Markdown – это, пожалуй, лучший выбор для README-файлов и простой документации. Visual Studio Code поставляется с базовой поддержкой этого формата, но плагин Markdown All in One здорово расширяет его возможности:

Лучшая фича плагина – компиляция Markdown в достаточно чистый HTML-код.

markdownРедактирование и предварительный просмотр формата Markdown с плагином Markdown All in One.

reStructuredText

Несмотря на то, что формат документации reStructuredText по существу является простым текстом с некоторыми стилистическими украшениями, было бы неплохо иметь интерактивный инструмент для работы с ним. Расширение reStructuredText от LeXtudio предоставляет сниппеты и подсветку синтаксиса для документов в этом формате, а также предварительный просмотр и линтинг.

Возможно потребуется установить другие пакеты Python, чтобы получить доступ к полному спектру функций.

restructuredРасширение reStructuredText обеспечивает подсветку синтаксиса и предварительный просмотр для популярного формата документации.

XML Tools

XML можно любить или ненавидеть (что более вероятно), но как формат данных он все еще живет и процветает. Расширение XML Tools делает работу с XML немного менее печальной и мучительной. Вы можете очистить или минимизировать уродливое форматирование, изучить отдельное древовидное представление документа, запустить запросы XPath и линтинг XQuery и выполнить код прямо в редакторе.

Расширение XML Tools обеспечивает иерархический просмотр дерева XML-документов и предоставляет множество инструментов для работы с этим форматом.

Для распределенных команд

GitLens

Сегодня сложно представить более-менее крупный проект, не использующий систему контроля версий. Чаще всего это Git, и в Visual Studio Code есть его минимальная поддержка прямо из коробки.

Если вы хотите большего, GitLens вам поможет. Плагин добавляет в редактор массу дополнительных возможностей:

Самая удобная фича GitLens доступна непосредственно в поле редактирования. Кликните на любую строчку – вы увидите, кто и когда изменял ее последним.

После недели использования этого плагина вы никогда не захотите расставаться с ним.

gitlensФункция line blame в GitLens показывает, кто и когда внес изменения в указанную строчку.

Microsoft Visual Studio Live Share

Для больших распределенных команд разработчиков очень важно правильно организовать совместную работу с кодом в реальном времени. Расширение Microsoft Visual Studio Live Share связывает ваш Visual Studio Code с редакторами ваших коллег. Таким образом в режиме реального времени каждый сотрудник может видеть, над чем работают другие члены команды. Live Share разделяет не только экраны, но и вывод запущенного кода.

К соединению можно подключить также терминалы или локальные веб-приложения.

liveshareРедактирование кода с другими членами команды в режиме реального времени с помощью расширения Microsoft Visual Studio Live Share. Обратите внимание на флаг курсора с именем сотрудника.

Для управления проектами

Docker

Docker упростил создание, управление, публикацию и обслуживание программного обеспечения как в облаке, так и on-premise. Расширение Docker для Visual Studio Code от Microsoft делает управление докеризованными проектами немного легче. Вы можете автоматически генерировать Dockerfile для проектов, запускать образы, управлять запущенными контейнерами, подключаться к реестрам и развертывать образы непосредственно в Службе приложений Azure.

Читайте также:  криптовалютные фонды рейтинг 2020

dockerБыстрый доступ к образам, реестрам, запущенным контейнерам и консоли в плагине Docker.

Project Manager

Visual Studio Code рассматривает открытую в нем папку как отдельный проект. Чтобы работать с несколькими такими проектами и переключаться между ними обычно нужно создавать несколько экземпляров редактора. Если для вас это неудобно, просто установите расширение Project Manager.

Плагин позволяет переключаться между разными проектами внутри одного экземпляра VS Code. Просто откройте боковую панель и выберите нужный.

projectmanagerРасширение Project Manager позволяет свободно переключаться между проектами в одном экземпляре редактора VS Code.

Для тех, кому мало Visual Studio Code

VSCodeVim

Vim – легендарный хардкорный редактор с огромными возможностями настройки и редактирования текстов. Преданные фанаты вряд ли променяют его на что-то другое, а вот новички, возможно, захотят попробовать Vim на вкус, избежав чрезмерных трудностей.

Расширение VSCodeVim эмулирует основные возможности – настройки и горячие клавиши – редактора Vim внутри Visual Studio Code.

Плагин не поддерживает Vimscript, поэтому любые дополнения, созданные с его помощью придется воссоздавать вручную.

vscodevimЭмуляция Vim внутри VS Code с помощью плагина VSCodeVim.

Источник

10 полезных плагинов Visual Studio Code

Все от опытных разработчиков до начинающих джунов хотят упростить себе жизнь. Правильные инструменты могут помочь с этим.

Если в качестве среды разработки вы используете Visual Studio Code, вам повезло. Вы можете установить кучу плагинов и облегчить себе жизнь по максимуму.

Плагины очень влияют на продуктивность и подход к работе. Именно это мы обсудим ниже.

«Сперва мы меняем инструменты, а потом они меняют нас»
— Джефф Безос

Все плагины бесплатны и доступны на Visual Studio Marketplace.

Visual Studio Intellicode

image loader

Это самый часто скачиваемый плагин для Visual Studio (более 3 200 000 скачиваний). И, на мой взгляд, самый полезный.

Этот плагин создан, чтобы помогать разработчикам писать код. Он поддерживает огромное количество языков программирования. Visual Studio Intellicode использует методы машинного обучения. Он ищет и анализирует шаблоны, используемые в многочисленных проектах GitHub с открытым исходным кодом, и предлагает их вам, когда вы пишите код.

image loader
Статья переведена при поддержке компании EDISON Software, которая разрабатывает приложения и сайты, а также инвестирует в стартапы.

Git Blame

image loader

Время от времени вам нужно знать, кто написал определенный кусок кода. Git Blame вам в помощь. Git Blame сообщает вам, когда и кем редактировалась каждая строка файла в последний раз.

Это полезная информация, особенно когда вы работаете с ветвями функций. Так как Git Blame сообщает вам, в каком коммите (то есть в какой ветке) была изменена строка кода, вы знаете, какой тикет вызвал это изменение. Это поможет вам лучше понять причины изменений.

Prettier

Prettier — один из лучших плагинов для разработчиков, которым необходимо следовать четко сформулированному набору правил при разработке. Это замечательный плагин, который позволяет вам использовать пакет Prettier. Prettier — отличный инструмент для структурирования кода.

Prettier совместим с JavaScript, TypeScript, HTML, CSS, Markdown, GraphQL и другими современными инструментами и позволяет правильно форматировать код.

JavaScript (ES6) Code Snippets

Каждый разработчик, который хоть немного старается быть в теме, вероятно, работал с одним из стеков JavaScript. Неважно какой фреймворк вы предпочитаете. Общий код в разных проектах должен упростить вам жизнь.

The JavaScript (ES6) code snippets — удобный плагин, который предоставляет некоторые очень полезные фрагменты кода JavaScript для ленивого разработчика. Он связывает стандартные вызовы функций с горячими клавишами. Как только вы с этим разберетесь, ваша продуктивность увеличиться в разы.

Как вы, наверное, уже догадались, этот плагин помогает разработчикам, которые работают с таблицами стилей. Как только вы начнете создавать таблицы стилей для своего приложения, вы определенно захотите использовать этот плагин. Sass поддерживает подсветку синтаксиса, автозаполнение и форматирование.

Path Intellisense

Path Intellisense — верный способ увеличить вашу продуктивность во время написания кода. Если вы работаете над многими проектами одновременно и используете слишком много разных технологий, вам наверняка понадобится удобный инструмент, который сможет запомнить для вас имена путей файла. Этот плагин сэкономит вам кучу времени, которое в противном случае было бы потрачено впустую на поиск нужного каталога.
Path Intellisence задумывался как простое расширение для автозаполнения имен файлов. Но с тех пор он стал ценным помощником в наборе инструментов большинства разработчиков.

Читайте также:  куда пожаловаться что плохо ходят автобусы

Debugger for Chrome

image loader

Необязательно уходить из Visual Studio Code, если нужно дебажить JavaScript. Debugger for Chrome, выпущенный Microsoft, позволяет отлаживать исходные файлы непосредственно в Visual Studio Code

ESLint

Плагин ESLint встраивает ESLint в Visual Studio Code. ESLint это инструмент, который статически анализирует ваш код, чтобы быстро находить проблемы.
Большинство проблем, обнаруженных ESLint, могут быть исправлены автоматически. Исправления ESLint учитывают синтаксис, и поэтому вы не столкнетесь с ошибками, вызванными традиционными алгоритмами поиска и замены. Кроме того, ESLint гибко настраиваемый.

SVG Viewer

image loader

Расширение SVG Viewer добавляет ряд утилит для работы с SVG в Visual Studio Code. Этот плагин позволяет отображать файлы SVG и просматривать их внешний вид, не выходя из редактора. Кроме того, этот плагин позволяет конвертировать файлы в PNG и создавать URI схемы данных.

Themes

Темы — последние в списке, но не по значимости. Поскольку вы будете смотреть на свой редактор каждый день, почему бы не сделать его максимально красивым? Существует множество плагинов для настройки, которые меняют цветовую схему и значки на боковой панели. Некоторые популярные темы доступны бесплатно: One Monokai, One Dark Pro и Material Icon.

Источник

20 расширений VS Code, которые вам понравятся

code

Перевод статьи «20 VS Code Extensions You’ll Actually Use».

Я просмотрел несколько статей, посвященных расширениям VS Code. Должен сказать, не все эти расширения произвели на меня хорошее впечатление, однако я все же отобрал несколько и пополнил список используемых мной плагинов.

Я думаю, эти расширения будут полезны для любого фронтенд-разработчика, который хочет по максимуму использовать возможности Visual Studio Code. Некоторые из расширений в моем списке относятся к самым рекомендуемым, так что они наверняка у вас уже есть, но какие-то, возможно, будут для вас новостью.

Легкость чтения

Beautify – облегчает чтение HTML, CSS и JS путем де-минимизации и применения подходящих отступов в вашей ужасной разметке.

Better Comments – создание более дружественных к человеку комментариев в вашем коде. Я использую его все время. В нашей команде разработчиков это обязательное расширение.

Bookmarks – помогает перемещаться по вашему коду, легко и быстро передвигаясь между важными позициями. Я использую это расширение в связке с MetaGo, чтобы не задействовать мышь при написании кода.

MetaGo – для быстрого перемещения курсора и выделения при помощи клавиатуры. Это расширение навсегда изменило мой подход к использованию VS Code. Серьезно.

Guides – теперь вам не нужно закрывать и открывать заново все элементы для определения их вложенности. Этот инструмент особенно хорошо работает с уже упомянутым Beautify и Rainbow Brackets, о котором говорится ниже.

Rainbow Brackets – подсвечивает текущий набор скобок, в котором вы находитесь, а для лучшего определения местоположения еще и расцвечивает прочие скобки в другие цвета. Это прекрасное расширение VS Code для JS-разработчиков.

Image Preview – предоставляет возможность предпросмотра изображения при наведении курсора. Это позволяет легко проверить, на правильное ли изображение поставлена ссылка.

Более быстрое написание кода

CSS Peek – вдохновением для этого расширения послужила похожая фича Brackets – CSS Inline Editors. Теперь одна из моих любимых функций Brackets есть и в VS Code.

Stylelint – мы контролируем наш JS на соответствие стандартам, так почему же не делать того же с LESS/SASS/CSS? Отличный инструмент для быстрой чистки небрежно написанного CSS.

Live Sass Compiler – конечно, у вас есть Gulp, Webpack, NPM, Grunt, но иногда вам нужно компилировать/транспилировать ваши SASS/SCSS файлы в файлы CSS в режиме реального времени, с «живой» перезагрузкой браузера. Для этого и нужен Live Sass Compiler.

Live Server – лучший локальный сервер разработки с функцией живой перезагрузки для статических и динамических страниц (даже PHP!).

Version Lens – обновление зависимостей до последней версии для определенного package.json.

Красивые скриншоты

Polacode – подсвечивает код и делает действительно красивый снимок с цветами вашей темы. Отлично подходит для создания руководств или документации, где вы хотите приложить примеры кода.

Множественные экземпляры

Settings Sync – позволяет синхронизировать настройки, сниппеты, темы, иконки файлов, запуск, сочетания клавиш, рабочие окружения и расширения между несколькими экземплярами VS Code. Я использую это расширение для синхронизации всего вышеперечисленного на моем ноутбуке, рабочем и домашнем компьютерах. А делается все с помощью всего двух команд.

Надеюсь, эти расширения пригодятся вам в вашей ежедневной работе с VS Code! Если знаете и другие полезные плагины, поделитесь в комментариях.

Источник

Adblock
detector