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


Оглавление (нажмите, чтобы открыть):

Лучшие расширения для VS Code

Рассмотрим лучшие расширения (плагины) редактора Visual Studio Code для Web-разработки в 2020 году

  1. Live Server
  2. Sass
  3. Live Sass Complier
  4. Higlight Matching Tag
  5. Color Highlight
  6. All Autocomplete
  7. Auto Rename Tag
  8. Auto Close Tag
  9. ESLint
  10. Material Theme
  11. Apache Conf
  12. Russian Language Pack
  13. Небольшой бонус

1. Live Server

Автоматическая перезагрузка статических и динамических страниц

Включение Live Server для .html или .htm файлов:

  1. нажатием Go Live в статус баре
  2. правым щелчком мыши в окне с кодом Open with Live Server

Включение Live Server, если нет .html или .htm файлов:

  1. нажатием горячих клавиш alt + l alt + o — для запуска сервера и alt + l alt + c — для его остановки
  2. нажатием F1 или ctrl + shift + p Live Server: Open With Live Server

Как настроить автоматическое обновление страницы для PHP-файлов c помощью Live Server

  1. Нужно установить дополнение для браузера Chrome или Firefox.
  2. Должен быть установлен локальный сервер. Я использую Open Server
  3. Помещаем свой проект на локальный сервер и запускаем его
  4. Откроем установленное расширение и заполним необходимые поля Actual Server Address: адрес и порт на котором расположен сервер
    Live Server Address: адрес, на котором работает расширение Live Server
  5. Нажимаем кнопку Go Live в статус баре
  6. Заходим на адрес локального сервера (в моём случае Open Server и адрес является названием проекта), т.е. заходим по адресу, который записали в Actual Server Address

2. Sass

Поддержка синтаксиса Sass: отступы, автозаполнение и прочее

3. Live Sass Complier

Компилирует SASS / SCSS файлы в CSS в режиме реального времени

Для включения Live Sass Complier нужно нажать Watch Sass в статус баре

Что включает в себя Live Sass Complier:

  1. выбор папки экспорта компилируемого файла
  2. выбор стиля CSS (расширенный, компактный, сжатый, вложенный)
  3. выбор имени расширения (.css или .min.css)
  4. совместимость с расширением Live Server
  5. настройка автоматической простановки вендорных префиксов
  6. и прочее

4. Higlight Matching Tag

Выделение тегов — открывающего и закрывающего

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

5. Color Highlight

Выделение web-цветов в редакторе соответствующим цветом

6. All Autocomplete

Название говорит само за себя — автозаполнение всего. Расширение запоминает используемые слова и не только. Маст хэв.

7. Auto Rename Tag

При изменении одного парного тега, второй будет изменён автоматически.

По умолчанию расширение работает для всех языков, чтобы изменить данную настройку используйте следующий код:

8. Auto Close Tag

Автоматическое закрытие тегов

По умолчанию работает для всех языков: HTML, PHP, JavaScript, markdown, liqu >setting.json

9. ESLint

Сначала необходимо установить ESLint глобально в системе

Затем установить расширение ESLint из Marketplace VS Code

10. Material Theme

Одна из самых популярных тем для VS Code. Так же можно установить шрифт, поддерживающий лигатуры (преобразование последовательности символов в единый элемент)

Тогда настройки для settings.json будут такими

11. Apache Conf

Поддержка синтаксиса Apache. Удобно для редактирования файлов с расширениями .htaccess. Также поддерживает типы файлов: .conf, .htgroups, .htpasswd

12. Russian Language Pack

Поддержка русского языка

13. Автоматическая замена табов пробелами в VS Code

Сначала зададим количество пробелов в одном табе

Теперь настроим автоматическую замену табов пробелами

Подборка расширений для Visual Studio Code

Intro

Visual Studio Code — это бесплатный кросс-платформенный текстовый редактор, разработанный Microsoft. Он быстро становится любимым всеми благодаря отличной производительности и огромному количеству функций, которые он предлагает.

Так же, как и большинство > Чтобы помочь вам выбрать те, которые стоит скачать, мы сделали эту коллекцию расширений, которые мы нашли наиболее полезными и интиресными.

Open-In-Browser

VSCode не предлагает встроенный интерфейс для открытия файлов непосредственно в браузере. Это расширение добавляет элемент контекстного меню «Открыть в браузере» в контекстное меню, а также команды для открытия в выбранном клиенте (Firefox, Chrome, IE).

Quokka

Quokka — это инструмент отладки, который дает прямую обратную связь по коду, который вы пишете. Он показывает предварительный просмотр результатов функций и вычисленных значений для переменных. Расширение легко настраивается и работает из коробки с проектами JSX или TypeScript.

Faker

Быстро вставляйте данные заполнителя с помощью популярной библиотеки JavaScript Faker. Вы можете создавать случайные имена, адреса, изображения, номера телефонов или просто параграфы классического Lorem Ipsum. Каждая категория имеет различные подкатегории, поэтому вы можете сделать данные подходящими для ваших нужд.

CSS Peek

Используя это расширение, вы можете отслеживать определения классов CSS и идентификаторов в своих таблицах стилей. Когда вы щелкните правой кнопкой мыши на селекторе в своих HTML-файлах, выберите опции «Перейти к определению», а определение «Peek» отправит вам код CSS, в котором вы их создали.

HTML Boilerplate


Расширение HTML-шаблона избавит вас от необходимости вручную записывать теги head и body нового HTML-документа. Просто введите html в пустой файл, нажмите клавишу Tab, и будет создана чистая структура документа.

Prettier

Prettier является самым популярным форматором кода среди веб-разработчиков. Он позволяет коду вашей команды выглядеть одинаково, независимо от того, кто его написал. Это расширение позволяет автоматически применять Prettier и быстро форматировать все документы JS и CSS. Если вы также хотите использовать ESLint, есть Prettier — Eslint.

Color Info

Небольшой плагин, который дает вам различную информацию о цветах, которые вы использовали в своем CSS. Наведите указатель мыши на цвет, вы увидите большое окно с этим цветом, а также его кодировку во всех форматах (hex, rgb, hsl и cmyk).

SVG Viewer

Это расширение добавляет ряд функций для работы с SVG в Visual Studio Code. Это позволяет отображать SVG-файлы и посмотреть, как они выглядят, не выходя из редактора. Существуют также варианты преобразования в PNG и создания схем URI данных.

TODO Highlight

Этот инструмент отмечает все комментарии TODO в вашем коде, что упрощает отслеживание любого незавершенного фрагмента перед тем, как перейти к продакшену. По умолчанию он ищет ключевые слова TODO и FIXME, но вы также можете добавить свои собственные выражения.

Icon Fonts

Крошечные сниппеты для включения шрифтов значков в вашем проекте (из CDN), а затем добавления самих значков. Расширение поддерживает более 20 популярных наборов иконок, включая шрифты Awesome, Ionicons, Glyphicons и Material Design Icons.

Minify

Расширение для минимизации кода. Он предлагает тонну настроек настройки и возможность автоматического минимизации при сохранении и экспорте в файл .min. Minify работает с JavaScript, CSS и HTML через uglify-js, clean-css и html-minifier соответственно.

Change Case

VSCode имеет ограниченные возможности для преобразования текста. Из коробки он может делать только строчные и прописные преобразования. Этот плагин добавляет намного больше команд для модификации строк, включая camelCase, kebab-case, snake_case, CONST_CASE и другие.

Regex Previewer

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

Language and Framework Packs

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

Themes

Конечно, наиболее важными из всех расширений являются темы. Вы будете смотреть на свой редактор VSCode каждый день, почему бы не сделать его более красивым? Существует множество настраиваемых плагинов, которые меняют цветовую схему и значки на боковой панели. Вот некоторые из наших любимых:

Лучшие плагины для Visual Studio Code

В этой статье мы рассмотрим лучшие для верстки в Visual Studio Code

Settings Sync

Settings Sync — итак, начнем с плагина синхронизации, этот плагин позволяет синхронизировать Visual Studio Code между несколькими компьютерами, например домашний компьютер и рабочий ноутбук.
Синхронизируются: настройки, клавиатурные сочетания, открытые файлы, установленные плагины и настройки плагинов, работает синхронизация через GitHubGit.

Auto Close Tag — как видно из названия этот плагин автозакрытия тегов.

Auto Rename Tag

Auto Rename Tag — тоже тэг с говорящим названием, переименовывает парные теги.

Bookmarks — добавляет закладки в ваш код для быстрого перехода.

Bracket Pair Colorizer

Bracket Pair Colorizer — подсвечивает парные скобки, поможет определить все ли скобки закрыты если их много.

change-case — позволяет менять кейсы именования переменных, camelCase, snake_case, kebab-case, PascalCase

Color Info

Мастер Йода рекомендует:  Алиса — всё по этой теме для программистов

Color Info — детальная информация о цвете в css

Import Cost

Import Cost — указывает размер импортируемых модулей.

Indenticator — визуализация отступов, очень удобно при программировании на Python и для SASS.

IntelliSense for CSS class names in HTML

IntelliSense for CSS class names in HTML — подсказки по классам CSS, незаменимый плагин для верстальщика.

Live Server

Live Server — сервер динамической перезагрузки страницы при изменении.

Path Intellisense

Path Intellisense — плагин автодополнения пути файла.

Project Manager — менеджер проектов для Visual Studio Code

REST Client — Rest клиент для VS Code

Spell Right — плагин для проверки орфографии, в том числе поддерживает русский язык.

TODO Highlight — важные комментарии выделяем цветом, чтобы не забыть доделать, переделать часть кода, пишем «// TODO: Переделать эту часть»

vscode-icons — новые иконки, автоматически назначаются иконки на папки с учетом содержимого.

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

Полезные плагины для Visual Studio 2020

Список полезных плагинов для Visual studio 2020

Стоит отметить что некоторые плагины не устанавливаются на visual studio 2020 с коробки, но путем простых манипуляций можно поставить любое расширение себе.

  1. Открываем расширение с помощью Win Rar’a находим там extension.vsixmanifest
  2. Открываем его и дописываем туда в секцию SupportedProducts

Resharper

Пожалуй самый полезный и самый известный плагин для visual studio. Включает в себя множество встроенных компонентов для упрощения кода и работы над проектом. Включает в себя лучшие фичи webstorm и intellij idea.

CodeMaid

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

Web Essentials

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

Entity Framework Power Tools Beta 4

Простой, но очень полезный плагин. Позволяет генерировать edmx схему с CodeFirst модели, генерировать sql для создания таблицы и многое другое.

PowerShell Tools for Visual Studio

Редактор Powershell для Visual Studio. IntelliSence, синтаксическая раскраска, форматирование, навигация по коду и даже отладка.

14 полезных плагинов для VS Code

Мы продолжаем знакомиться с возможностями редактора кода Visual Studio Code. Его функциональность можно сильно расширить за счет плагинов. Они устанавливаются через маркет, встроенный в редактор. После переоткрытия VS Code все возможности расширения можно использовать на ряду со стандартными. Плагины, которые мы рассмотрим, не специфичны для разных языков программирования. Здесь собраны общие расширения, которые смогут использовать программисты с разными языковыми предпочтениями.

Напомню, что в прошлый раз мы рассмотрели базовые возможности редактора VS Code и некоторые интересные способы для кастомизации своего рабочего пространства.

Итак, для каждого плагина мы ответим на три вопроса:

  1. Что он делает?
  2. В каких ситуациях можно использовать?
  3. Как использовать?

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

1. VSCode Faker

  1. Генерирует данные для разных категорий. Начиная от имен и гуидов, заканчивая адресами и изображениями.
  2. Пригодится при создании тестовых данных. С одной стороны может показаться, что использовать плагин для придумывания имен будет только очень ленивый человек. С другой стороны, например генерирование номеров телефонов или других данных, соответствующих шаблону, будет происходить гораздо быстрее благодаря Faker.
  3. Все команды плагина можно найти в Command Palette по префиксу ` Faker ` . Выберите тип фейковых данных, и они будут вставлены в код.

2. Bracket Pair Colorized

  1. Выделяет парные скобки одним цветом.
  2. Когда перед вами длинный JSON с множеством скобок, в который закралась ошибка, несоответствие в цвете может сильно облегчить задачу ее поиска. Плагин пригодится в любой ситуации, когда в коде есть большая вложенность, за которой трудно следить.
  3. После установки плагина все скобки окрасятся автоматически. В пользовательских настройках можно выбрать виды скобок, цвета и многое другое. Подробное описание всех настроек есть на странице плагина прямо в VS Code.

3. Change Case

  1. Преобразовывает текст в разные регистры. Помимо простых нижнего и верхнего есть и более интересные варианты: Camel или Pascal Case, разделение строк точками или слешами и десяток других вариантов.
  2. Быстро изменить регистр бывает нужно в разных ситуациях; такой инструмент прямо в редакторе очень кстати. Кроме того, он может пригодиться в ходе рефакторинга, например для приведения имен переменных к одинаковому виду.
  3. Выделите текст и выберите нужный регистр через Command Palette. Все команды начинаются с ` Change Case ` .

4. Guides

  1. Соединяет отступы линиями и подсвечивает ту, на которой курсор.
  2. Плагин помогает ориентироваться, на каком уровне вложенности вы находитесь. Простое расширение, но с ним писать код станет немножко проще.
  3. Включается автоматически при установке плагина.

5. Path Intellisense

  1. Автодополнение для файлов и директорий.
  2. Чтобы использовать относительный путь к файлу, не нужно заниматься копипастом и сравнивать расположение текущей папки с нужной. Также можно использовать абсолютные пути.
  3. Просто начните вводить путь “./” и выбирайте нужные директории и файлы.

6. TODO Highlight

  1. Выделяет комментарии TODO и FIXME.
  2. В момент, когда вы решите закончить со всеми недоработками, вы сможете легко найти свои метки и ничего не упустить.
  3. В Command Palette по префиксу ` TODO ` появится две команды: выделить метки и вывести список всех меток в Output.

7. Bookmarks


  1. Помечает строки кода, после чего можно быстро на них перемещаться.
  2. Если в большом файле есть несколько мест, в которых вы активно ведете изменения, такая функциональность очень пригодится.
  3. Для создания и перемещения по закладкам автоматически регистрируются комбинации горячих клавиш. Чтобы изучить команды плагина введите в Command Palette ` Bookmarks ` .

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

1. Docker

  1. Поддержка докера включает работу с образами, контейнерами, Dockerfile и многое другое.
  2. Если вы используете контейнеризацию, то этот плагин для вас. Docker максимально интегрирован в редактор кода.
  3. В Explorer добавляется новый блок с образами, контейнерами и реестрами. Все основные операции, связанные с ними, можно исполнить через Command Palette. Кроме того, в плагин включена поддержка Dockerfile и docker-compose, в которую входят подсветка синтаксиса, автодополнение и определение ошибок.

2. REST Client

  1. Позволяет выполнять HTTP запросы прямо из кода.
  2. Благодаря этому плагину, можно не открывать Postman или Insomnia, чтобы выполнить запрос и посмотреть ответ. Делайте все прямо в редакторе.
  3. Выделите запрос в формате ` METHOD url ` и нажмите ` Crtl + Alt + R ` . Результат отобразится во вкладке справа. Другие команды, например: выполнить последний запрос еще раз или сохранить тело ответа, можно посмотреть в Command Palette.

3. Project Manager

  1. Позволяет легко переключаться между проектами.
  2. Без этого плагина чтобы открыть проект, нужно либо запустить VS Code в нужной директории, либо искать ее в самом редакторе. С Project Manager вы сможете перейти в проект, просто выбрав его из списка.
  3. Сохраните ваши рабочие пространства и переключайтесь между ними через специальный блок в Explorer.

4. GitLens

  1. Предоставляет более широкие возможности при работе с гитом, чем встроенный в VS Code вариант.
  2. Если вы активно работаете с гитом, то советую установить этот плагин. Вы сможете просматривать историю, ветки, аннотации, теги и другие неотъемлемые части системы контроля версий, которые предоставляются стандартным набором VS Code в очень ограниченном формате.
  3. Вся информация о репозитории появится в новом блоке Explorer’а после установки расширения.

5. WakaTime

  1. Ведет статистику при использовании редактора.
  2. Этот сервис достаточно популярен и поддерживается во многих других редакторах кода и IDE. Тайм-трекер учитывает разные языки программирования, разные проекты и разные редакторы, в которых вы работаете.
  3. Если у вас нет аккаунта на wakatime.com, заведите и укажите API-ключ в настройках плагина. Используйте этот ключ также в IDE, в которой пишите код, и собирайте полноценную информацию о времени, затраченном на разные проекты. Всю статистику можно смотреть на том же сайте.

6. VS Code Icons

  1. Заменяет стандартные иконки для файлов в Explorer.
  2. Плагин для ценителей красоты. Иконки более яркие и интересные, чем в дефолтном варианте, хотя для кого-то это и сомнительный плюс. Более важно то, что с ними проще отличать и узнавать разные типы файлов.
  3. Для переключения между стандартными темами иконок и вариантом плагина, введите в Command Palette: ` Preferences: File Icon Theme ` .

7. Settings Sync

  1. Синхронизирует настройки для VS Code через Github.
  2. Как мы убедились, в Visual Studio Code можно многое настроить под себя. Этот плагин позволяет синхронизировать ваши пользовательские настройки, комбинации горячих клавиш, сниппеты и настройки для расширений.
  3. Используйте команды, начинающиеся на ` Sync ` . В процессе синхронизации вам будет необходимо сгенерировать токен через Github и использовать его в редакторе.

Мы рассмотрели общие плагины, но не стоит забывать про расширения для конкретных языков. Они включают IntelliSense, навигацию по коду, ошибки компилятора, отладку и другие очень полезные для программирования возможности.

Written on March 3rd , 2020 by Alexey Kalina

MetaProject — полезное расширение Visual Studio для замены Output

В любой среде разработки есть инструмент с названием «Output». Нет нужды описывать что он делает, поскольку абсолютно все разработчики его используют в своей работе ежедневно. Он прост и консервативен.

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

Текст, текст и еще раз текст. Много текста…

Даже в этом крошечном примере не сразу видно где строка с ошибкой. Для того чтобы это понять, нужно приложить усилия и потратить время. Просто потому что нужно читать текст и искать в нем слова “error”, “exception” или “warning”. Программисту искать, а заказчику платить за потраченное на это время.

Решение вопроса

Что если подсветить текст в таких сообщениях красным, а в случае с предупреждениями — желтым? Будет лучше. Так подумали авторы расширений VSColorOutput и Output Enhancer для Visual Studio (далее, для иллюстрации, будет использоваться эта IDE).

Мастер Йода рекомендует:  Как учить английский язык — рекомендации от Skyeng

Получилось вот так:

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

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

Например, зачем видеть список компилируемых файлов? Можно ли как то это спрятать?
Такой вопрос задал себе автор расширения Output Window Filter

Получилось вот так:

Результат стал меньше, разбираться с ним стало проще. К реализации есть вопросы, но идея замечательная.

Разработчики Microsoft также внесли свой вклад в эволюцию этого инструмента добавив в него временные метки. Для этого они создали расширение Time Stamp Margin .

Стало удобнее. Теперь понятно когда и что выполнялось, а также сколько времени прошло между событиями.

Нерешенные проблемы

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

Вот приблизительный список этих проблем:

1. Вместе с полезной информацией отображается и служебная;

2. Нет никакой визуализации однотипных сообщений;

3. Нет возможности искать и подсвечивать интересующие данные;

4. Не очевидно с каких сообщений возможен переход на исходный код;

5. Нет возможности быстро перейти к описанию ошибки;

6. При много-проектной компиляции не очевидно к какому проекту относятся сообщения;

7. Для длинных сообщений приходится использовать горизонтальный скролинг;

8. Отображение стек-трейса никак не оптимизировано;

9. Отсутствует возможность маскировки сообщений по типам (ошибки, предупреждения, сообщения).

Итоги

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

Что из этого получилось, можно посмотреть на примере:

Заключение

Не игнорируйте расширения к среде разработки. Там могут быть очень полезные инструменты, которые сберегут разработчикам огромное количество времени, а заказчикам много денег.

Тем более что практически все эти расширения абсолютно бесплатны.

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

Самая актуальная документация по Visual Studio 2020: Документация по Visual Studio 2020.

Расширения Visual Studio — это пакеты кода, которые выполняются в Visual Studio и предоставляют новые или улучшенные функции Visual Studio. Дополнительные сведения о расширениях Visual Studio см. здесь: SDK для Visual Studio.

С помощью диалогового окна Расширения и обновления можно установить расширения и примеры Visual Studio с веб-сайтов и из других источников, а затем включить, отключить, обновить или удалить их. (Сервис/расширения и обновления, или введите Расширения в окне Быстрый запуск). В диалоговом окне также показаны обновления для установленных образцов и расширений. Можно также загрузить расширения с веб-сайтов или получить их у других разработчиков.

Начиная с Visual Studio 2015, расширения, размещенные в коллекции Visual Studio, будут обновляться автоматически. Этот параметр можно изменить с помощью диалогового окна Расширения и обновления. Дополнительные сведения см. в разделе Автоматическое обновление расширений.

Расширения можно установить из галереи Visual Studio или из галереи примеров на веб-сайте Майкрософт. К числу расширений относятся элементы управления, примеры, шаблоны, инструменты или другие компоненты, расширяющие возможности Visual Studio. Visual Studio поддерживает расширения в формате VSIX: шаблоны проектов, шаблоны элементов, элементы для панели элементов, компоненты MEF и пакеты VSPackage. Кроме того, можно загрузить и установить расширения на основе MSI, однако их будет невозможно включить или отключить в диалоговом окне Расширения и обновления. Коллекция Visual Studio содержит расширения VSIX и MSI.

В разделе Расширения и обновления найдите нужное расширение для установки. (Если известно имя или часть имени расширения, можно выполнить поиск в окне Поиск в коллекции Visual Studio). Щелкните Загрузить, а затем нажмите Установить. Для загрузки расширения необходимо перезапустить Visual Studio.

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

Если требуется прекратить использование расширения, его можно отключить или удалить. Отключенное расширение сохранится, но не будет загружаться. Можно отключить только расширения VSIX; расширения, которые были установлены с помощью MSI, можно только удалить. Найдите расширение и щелкните Удалить или Отключить. Чтобы выгрузить отключенное расширение, необходимо перезапустить Visual Studio.

Большинство расширений подлежит установке на уровне пользователя и устанавливается в папку %LocalAppData%\Microsoft\VisualStudio\ \Extensions\. Некоторые расширения устанавливаются на уровне администратора в папку \Common7\IDE\Extensions\.

Чтобы защитить систему от расширений, которые могут содержать ошибки или вредоносный код, можно ограничить расширения на уровне пользователя, чтобы они загружались только при запуске Visual Studio под учетной записью пользователя со стандартными правами. Это означает, что расширения на уровне пользователя отключаются при запуске Visual Studio с правами администратора. Для этого перейдите на страницу параметров Расширения и обновления (выберите Сервис/параметры, Среда, Расширения и обновления или просто введите Расширение в окне Быстрый запуск). Снимите флажок Загрузить расширения для пользователей при запуске с правами администратора и перезапустите Visual Studio.

Пользовательские расширения обновляются автоматически при появлении новой версии в коллекции Visual Studio. Новая версия расширения обнаруживается и устанавливается в фоновом режиме и при следующей перезагрузке Visual Studio будет выполняться новая версия расширения.

Автоматическое обновление поддерживается только для пользовательских расширений. Административные расширения, которые устанавливаются для всех пользователей, не будут обновляться, и вам потребуется вручную установить новые версии с помощью диалогового окна Расширения и обновления узла Обновления. Увидеть, какие расширения будут автоматически обновляться, можно в области сведений о расширении диалогового окна Расширения и обновления.

Функцию автоматического обновления можно отключить для всех или только определенных расширений.

Чтобы отключить автоматическое обновление для всех расширений, щелкните ссылку Изменить параметры расширений и обновлений в диалоговом окне Расширения и обновления и снимите флажок Автоматически обновлять расширения.

Чтобы отключить автоматическое обновление для конкретного расширения, снимите флажок Автоматически обновлять это расширение в области сведений о расширении в правой части диалогового окна Расширения и обновления.

При установке примера из сети решение сохраняется в двух местоположениях:

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

Отдельный контрольный экземпляр сохраняется на компьютере.

С помощью диалогового окна Расширения и обновления можно выполнить следующие задачи, связанные с примерами.

Отобразить список контрольных экземпляров установленных образцов.

Отключить или удалить контрольный экземпляр образца.

Установить пакеты примеров — коллекции примеров, связанных с определенной технологией или функцией.

Установить отдельные примеры из сети. (Для этого также можно использовать диалоговое окно Создать проект.)


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

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

Расширения, упакованные в VSIX-файлы, могут быть доступны не только в коллекции Visual Studio. Несмотря на то что эти файлы не обнаруживаются в диалоговом окне Расширения и обновления, VSIX-файл можно установить, дважды щелкнув его или выбрав файл и нажав клавишу «ВВОД». После этого следуйте инструкциям. После установки данное расширение можно будет включить, отключить или удалить в диалоговом окне Расширения и обновления.

Visual Studio продолжает поддерживать расширения, установленные с помощью установщика Microsoft (MSI), но не в диалоговом окне Расширения и обновления без модификаций.

Расширения Visual Studio для веб-разработчиков

На конференции //build/ у меня был доклад о Visual Studio Web Tools и расширении Web Essentials. Вы можете найти этот доклад онлайн на сайте Channel9.

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

Web Essentials

Это расширение команды ASP.NET и Web Tools, которое является неофициальной площадкой для тестирования и обкатки функций. Само расширение развивается opensource-сообществом. Web Essentials предлагает огромное число новых возможностей для веб-разработчиков, такие как компиляторы LESS/Sass/CoffeeScript, дополнительные возможности работы с кодом JavaScript/CSS/HTML/JSON, валидаторы, генераторы спрайтов изображений и многое другое.

SideWaffle

Очень вкусное дополнение для Visual Studio. Это отличный набор шаблонов, который содержит как шаблоны проектов, шаблоны элементов, так и сниппеты для широкого круга сценариев: от создания приложений Angular.js, проектов Nancy FX, Browser Link, расширений Chrome и многого другого.

File Nesting

Это расширение позволит вам вручную вкладывать файлы друг в друга, создавая иерархии вложений в Solution Explorer. Кроме того, расширение имеет возможность создавать иерархии автоматически основываясь на соглашениях именования. Расширение прекрасно подходит для обработки *.min.js и других вариантов зависимых файлов.

JSON Schema Generator

Visual Studio 2013 будет поддерживать полный intellisense и подсказки для любого JSON-файла, который ассоциирован со схемой. Это расширение позволит вам выбрать JSON-файл в Solution Explorer и сгенерировать для него файл схемы, основанный на содержимом.

WebJobsVS

На пленарном докладе второго дня конференции я демонстрировал создание консольного C#-приложения для использования его в качестве фоновой задачи для Azure Web Sites WebJob. Для того чтобы ассоциировать консольное приложение со своим веб-приложением я использовал это расширение. Оно было разработано коллегами, которые работают в команде Azure.

SlowCheetah – XML-трансформации

Великолепное расширение, которое позволит вам трансформировать ваш app.config или любой другой XML-файл, основанный на конфигурации сборок. Проще говоря, расширение упрощает сценарии XML-трансформаций, которые по умолчанию доступны только для файлов web.config.

GruntLauncher

Если вы работаете с Grunt, Gulp, NPM или Bower, то это расширение создано для вас. Оно позволяет легко запускать задачи Grunt/Gulp напрямую из Solution Explorer и обновлять компоненты Bower.

Mexedge Stylesheet Extension

Это прекрасное расширение, которое расширяет возможности Visual Studio по работе и отображению CSS-кода прямо в Solution Explorer. Это не только выглядит круто, но и предлагает очень удобный способ обзора блоков media queries, селекторов и наборов правил. Это must have расширение для каждого веб-разработчика!

PHP Tools for Visual Studio

Во моем интервью на Channel9 мы обсуждали это прекрасное расширение для PHP-разработки. Расширение привносит в Visual Studio PHP-intellisense, навигацию по коду и многое другое. Это must have расширение для PHP-разработчиков, которым хочется получить всю мощь Visual Studio.

Cobisi Routing Assistant

Это прекрасное расширение для визуализации вашей таблицы маршрутов ASP.NET для определения того какие URL как соответствуют маршрутам. Расширение упрощает диагностику проблем маршрутизации и даже предлагает некоторые удобные возможности редактирования.

CssCop – FxCop for Stylesheets

Если вы много работаете с CSS, тогда это расширение будет вам полезным. Оно выполняет CssLint внутри Visual Studio для предоставления вам сообщения об ошибках, которые помогут вам исправить любые нарушения CSS-правил.

Node.js Tools for Visual Studio

NTVS – это открытый, бесплатный плагин, который трансформирует Visual Studio в полноценную среду разработки Node.js. И справляется с этим на отлично! Этот плагин позволит вам воспользоваться всей мощью Visual Studio для разработки Node.js-приложений.

Chutzpah Test Adapter

Великолепное расширение для модульного тестирования JavaScript. Chutzpah поддерживает инструменты тестирования Jasmine, QUnit и Mocha внутри Visual Studio и работает как из командной строки, так и из Visual Studio.

Lua Test Adapter

Если вы используете Lua для модульного тестирования своего JavaScript-кода, то это расширение позволит вам интегрировать Lua прямо в Test Explorer в Visual Studio. Это расширение позволяет по-настоящему легко выполнять тесты сразу после каждой сборки проекта.

Visual Studio 2010 — рекомендуемые расширения

Какие рекомендуемые расширения для Visual Studio 2010? (Просьба указать, свободен ли он или нет, а также его назначение/функция)

  • VsCommandBudy — Расширьте VS с помощью внешних команд, где они действительно нужны (бесплатно)
  • PowerCommands — полезные расширения для Visual Studio 2010, добавляющие дополнительные функции в различные области среды разработки.
  • DevExpress CodeRush Xpress — помощь в кодировании, навигация Intellisense и т.д.
  • AnkhSVN — Поддержка Subversion для Visual Studio.
  • Ghost Doc — упростите ваши комментарии XML.
  • Редактор цветовой темы Visual Studio — сделайте VS2010 красивым с темами.
  • VsVim — уровень эмуляции VIM для Visual Studio.
  • DPack — бесплатная коллекция инструментов Microsoft Visual Studio.
  • VSFileNav — быстрый поисковик с подстановочными знаками + поиск верблюдов.
  • Sonic file finder — быстрый и удобный поиск.
  • AllMargins
  • материальный редактор T4 плюс инструменты моделирования для VS2010 добавляет IntelliSense и синтаксическую раскраску в текстовые шаблоны T4
  • Word Wrap с помощью Auto-Indent
  • Расширение расширений отступов
  • Украшение структуры
    • BlockTagger
    • BlockTaggerImpl
    • SettingsStore
    • SettingsStoreImpl
  • Источник Outliner — недоступно по этой ссылке.
  • Тройной щелчок — делает тройной щелчок выбранной цельной строкой.
  • ItalicComments
  • Перейти к определению — Сделать ctrl + click выполнить «Перейти к определению» в идентификаторе под курсором
  • Проверка орфографии — недоступно по этой ссылке.
  • Удаление и сортировка с использованием — добавляет запись контекстного меню в Solution Explorer, которая сортирует и удаляет с помощью операторов на каждом файл в решении, проекте или в отдельном файле.
  • Формат документа — добавляет запись в контекстное меню в Solution Explorer и окно кода, которое выполняет Edit-Advance -Format Document для каждого файла в окне решения, проекта или текущего кода.
  • Открыть папку в проводнике Windows — Расширяет опцию Open Folder в контекстном меню проводника Windows в редакторе кода и для всех файлов в проводнике решений.
  • Найти результаты Highlighter — выделяет текст поиска в окнах результатов поиска.
  • Поля регулярных выражений — маржа, которая предоставляет возможности поиска и замены регулярных выражений .Net в заданном окне кода,
  • VSCommands — недоступно по этой ссылке.
  • HelpViewerKeywordIndex — расширение Visual Studio для Microsoft Help Viewer
  • StyleCop — StyleCop анализирует исходный код С# для обеспечения набора правил стиля и правил соответствия.
  • Extension Analyzer — Extension Analyzer помогает отлаживать проблемы с компонентами VSIX, пакетами Visual Studio, файлами PkgDef и компонентами MEF,
  • CodeCompare — Сравнение кода — это расширенный инструмент сравнения файлов и папок. Этот инструмент сравнения ориентированных языков программирования может использоваться как надстройка Visual Studio и как отдельное приложение.
  • Источники питания сервера Team Founder — недоступно по этой ссылке
  • всплывающее окно VS10x — недоступно по этой ссылке
  • Завершение набора цветов — не доступно по этой ссылке
  • Нумерованные закладки — Нумерованные закладки позволяют пользователям создавать и отзывать закладки с помощью номеров. Пользователь может создать 10 закладок (начиная с 0 до 9).
  • Масштабирование мыши — Мышь увеличит курсор мыши, а не вверху видимого документа. См. Варианты VS.
  • Инструменты Visual Studio 2010 Pro Power Tools — набор расширений для Visual Studio Professional (и выше), который улучшает производительность разработчика.
  • JSEnhancements — обеспечивает выделение и согласование фигурных скобок, выделяющих функции редактора Visual Studio JavaScript; обеспечивает фантастическую #область, рушится в файлах JS и CSS, что позволяет обрабатывать более длинные файлы;
  • Расширения редактора кода для контрактов — отображает кодовые контракты (при редактировании С#) в коде, Intellisense и в метаданных файлы.
  • ссылка быстрого добавления WoVS — добавьте отсутствующие ссылки на сборку прямо из редактора кода
  • Расширения редактора JScript
  • Выровнять по
  • Редактор T4
  • Быстрый файл Open для Visual Studio 2010 — быстрое открытие любого файла решения
  • CleanProject — очищает решения Visual Studio
  • PhatStudio — быстрая навигация по файлам и быстрое открытие файлов
  • VsVim — Shorcuts для клавиш стиля Vim
  • Chutzpah — Open source JavaScript test runner
  • Я ненавижу #Regions — делает более уязвимыми расширенные регионы, уменьшая размер шрифта

Не бесплатно:

  • Resharper
  • Visual Assist X
  • JustCode
  • ViEmu
  • CodeRush с помощью Refactor! Pro
  • VisualSVN
  • Кодовая карта VS10x — отображает графическое вложенное представление текущего кода окна редактора
  • Редактор VS10x View Enhancer

NuGet (ранее NuPack) — бесплатная система управления пакетами с открытым исходным кодом для платформы .NET, целью которой является упрощение процесса включения сторонних библиотек в приложение .NET во время разработки.

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

Давно ли вы зяглядывали в магазин расширений Visual Studio? Уже наклепали несколько тысяч, даже пересмотреть все несколько дней займет.

Часть из них уже по умолчанию установлена с VS (как то NPM), их предлагаю не рассматривать.

У меня прижился Resharper, NoComment и в последнее время добавил Productivity Power Tools только для функции скрыть/раскрыть все regions.

Смотрю, там есть несколько для авто-генерации Unit-тестов. Что лучше для этих целей?

Какие вы используете и остались довольны?

Примечание
От: Doc http://andrey.moveax.ru
Дата: 22.04.17 05:36
Оценка: 23 (5)
От: hi_octane
Дата: 22.04.17 06:02
Оценка: 8 (1) +2
От: Doc http://andrey.moveax.ru
Дата: 22.04.17 06:05
Оценка:
От: hi_octane
Дата: 22.04.17 09:56
Оценка: 6 (1) +1

Doc>В VS2015 пользовался. Жаль в VS2020 не поддерживается.
Автор видно подзабил, но кто-то другой перевыложил с поддержкой VS 2020:
https://marketplace.visualstudio.com/items?itemName=vs-publisher-356819.HideMainMenu

Ну и можно взять оригинальное расширение от VS 2015, и добавить в секцию в манифесте что-то такое:
Pro

От: _NN_ www.nemerleweb.com
Дата: 22.04.17 10:46
Оценка:

Здравствуйте, Shmj, Вы писали:

.ignore
AsmDude
Code alignment
Customize Visual Studio Window Title — показывается рабочую ветку в заголовке
File nesting
Multi Edit Mode
Productivity Power Tools — весь
Resharper
VisualHG
VSColorOutput
Web Essentials 2020 — где-то половину из набора установил

От: bnk http://unmanagedvisio.com/
Дата: 22.04.17 10:46
Оценка:

Здравствуйте, hi_octane, Вы писали:

_>Ну и можно взять оригинальное расширение от VS 2015, и добавить в секцию в манифесте что-то такое:
_> Pro

А вот нифига. Они формат поменяли на vsix v3
Если сделать, как ты говоришь, оно грязно ругаться будет о несовместимости (хотя и запустится). Я уже запарился свое расширение на 2020 портировать

Что сам пользую:
— Resharper
— VS Output Enhancer
— Visual Assist X (для плюсов)

От: _NN_ www.nemerleweb.com
Дата: 22.04.17 10:48
Оценка:
От: Mystic Artifact
Дата: 22.04.17 11:58
Оценка:

Здравствуйте, Doc, Вы писали:

Doc>
SettingsGuard для автоматического применения настроек VS в зависимости рабочий это проект или личный (разные стили кода)

FYI: .editorconfig VS2020 понимает теперь из коробки. Его расширили, вот пример в рослине с настройками форматирования. Хотя на данный момент всё равно немного космонавтики осталось. Для двух стилей конкурирующих у меня (стандартный и табы+блоки открываются на той же строке) — файлов этих хватает, удобно. Плюс если не насиловать root=true — то можно (нужно) оставить юзеру возможность настроить свою ширину таба.

От: rameel https://github.com/rsdn/CodeJam
Дата: 22.04.17 13:11
Оценка:

Здравствуйте, Shmj, Вы писали:

Fix Mixed Tabs
Git Diff Margin
Trailing Whitespace Visualizer
Shrink Empty Lines
Markdown Editor
Multi Edit Mode
VSColorOutput
Open Command Line
File Icons
.ignore

Enhanced Tooltip
ForTea
Heap Allocation Viewer (Есть и как студийное расширение)

От: rm822
Дата: 22.04.17 16:32
Оценка:
От: AndrewVK http://blogs.rsdn.org/avk
Дата: 22.04.17 21:17
Оценка:

Здравствуйте, Shmj, Вы писали:

S>Какие вы используете и остались довольны?

1. Resharper
2. Razor Codegen
3. Web Compiler
4. Editor Guidelines
5. Productivity Power Tools — Document Well
6. File icons

От: Vladek Github
Дата: 23.04.17 07:50
Оценка:

Здравствуйте, Shmj, Вы писали:

S>Какие вы используете и остались довольны?

CodeMaid — форматирует код по ходу его написания. Код всегда аккуратно выглядит.
Add New File — позволяет быстро добавить файлы в проект.
AsyncFixer, C# Essentials, Refactoring Essentials, Roslynator — анализируют код и помогают его исправлять и рефакторить.
Configuration Transform — позволяет быстро сделать копии любых конфигурационных файлов под новое рабочее окружение (Debug/Release/Dev/Test/Prod и так далее) и переключаться между ними. Для корректной работы на чужой машине это расширение устанавливать не требуется.
ResXManager — удобная работа с файлами ресурсов.
NUnit 2 Test Adapter — позволяет студии распознавать и запускать тесты NUnit.
Package Installer, Client-Side Library Installer — упрощает добавление в проект всяких фреймворков и библиотек JavaScript.

Расширений ещё много есть, но перечисленные больше всего помогают мне в работе.

Мастер Йода рекомендует:  PHP-функция mkdir() PHP
Добавить комментарий