Microsoft Visual Studio – одна из самых мощных интегрированных сред разработки, доступных с одним недостатком: она доступна только для Windows. Чтобы привлечь пользователей Linux и Mac к семейству средств разработки Visual Studio, Microsoft недавно запустила Visual Studio Code (или сокращенно VSCode) – по-настоящему кроссплатформенный редактор кода, быстрый и легкий.
VSCode одинаково хорошо работает на Linux, Mac и Windows. Тем не менее, поскольку сама Microsoft Visual Studio 2013 доступна в Windows, VSCode, скорее всего, получит большее распространение среди пользователей Linux и Mac, которым до сих пор приходилось обходиться более простыми альтернативами, такими как Sublime Text, Atom или Komodo Edit для веб-разработки. ,
Вот некоторые функции, которые могут сделать VSCode привлекательной альтернативой вашему нынешнему редактору кода:
- интеллектуальное завершение кода
- пыление
- интерактивная отладка
- контроль версий
- поддержка инструментов сборки, таких как Gulp и Jake .
В большинстве других популярных редакторов кода эти функции доступны только после ручной установки соответствующих плагинов – если они вообще доступны.
Как открыть проект C# в Visual Studio Code
В этом уроке я собираюсь показать вам, как установить и использовать VSCode в Ubuntu, одном из самых популярных дистрибутивов Linux.
Примечание : если вы пользователь Windows, вы все равно можете следовать этому руководству, пропустив все установки из командной строки. Вам просто нужно использовать установщик Windows , который все настраивает для вас.
Предпосылки
Чтобы следовать этому уроку, вам понадобится:
- 64-битный компьютер под управлением Ubuntu 14.04 или выше
- Пользователь sudo
Установка
Создайте каталог для VSCode.
mkdir ~/VSCode
Войдите в этот каталог и используйте wget для загрузки VSCode.
cd ~/VSCode wget ‘http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip’
Распакуйте архив с помощью unzip .
unzip VSCode-linux-x64.zip
Создайте ссылку на исполняемый файл с именем Code внутри /usr/local/bin/ чтобы его можно было запускать из любого каталога.
sudo ln -s $PWD/Code /usr/local/bin/code
Запустите VSCode, введя code . Вы должны увидеть экран приветствия:
Создание проекта
В текущей версии VSCode нет возможности создать новый проект. Тем не менее, он может рассматривать существующие каталоги как проекты. Для этого все, что вам нужно сделать, это передать каталог в качестве аргумента командной строки в code . Например, для обработки каталога ~/JustAnotherApp как проекта, вы можете ввести:
cd ~/JustAnotherApp code .
Если в вашем проекте еще нет файлов, вот что вы увидите:
Visual Studio Code — Обзор и настройка редактора кода
Теперь вы можете нажать на название вашего проекта, чтобы увидеть кнопки, которые позволяют создавать новые файлы и папки:
Использование IntelliSense
IntelliSense – это общий термин, используемый Microsoft, который охватывает такие функции, как автоматическое завершение кода и контекстные предложения кода. Они действительно полезны для повышения производительности, особенно когда вы используете новый API или библиотеку. В текущей предварительной версии VSCode IntelliSense доступен на всех платформах для JavaScript, CSS, HTML и некоторых других языков. В этом уроке я покажу вам, как использовать его в ваших проектах Node.js.
Чтобы просмотреть предложения IntelliSense, все, что вам нужно сделать, это нажать Control + Пробел . Например, в package.json вашего проекта при вызове IntelliSense будут перечислены все доступные поля:
Точно так же, нажав Control + Space в файлах Javascript, вы можете увидеть поля и методы, доступные в некоторых общих классах и объектах.
Однако эти предложения доступны не для всех классов. Например, если вы попытаетесь просмотреть поля и методы, доступные в экземпляре express , по умолчанию вы ничего не найдете:
Чтобы решить эту проблему, вам нужны соответствующие определения типов TypeScript. Чтобы получить эти определения, вы можете использовать TSD (менеджер определений TypeScript для DefinitiveTyped), модуль npm.
Если у вас его еще нет, установите его с терминала, используя:
Теперь внутри директории вашего проекта вы можете использовать tsd для установки нужных вам определений типов. Например, чтобы установить определения типов для платформы Express, необходимо ввести следующее:
tsd install express —save
Это создаст файл с именем tsd.d.ts внутри вашего проекта, в каталоге с именем typings . Ссылка на этот файл внутри VSCode, добавив следующий код в ваш файл JavaScript:
Теперь вы можете нажать Control + Пробел, чтобы увидеть, что предложения доступны для объектов, которые принадлежат платформе Express:
Отладка
В большинстве облегченных редакторов кода поддержка отладки либо отсутствует, либо поддерживается только с помощью плагинов. VSCode, с другой стороны, оснащен встроенным интерактивным отладчиком, который может значительно улучшить ваш опыт кодирования. Когда вы в первый раз пытаетесь использовать отладчик в своем проекте Node.js, VSCode генерирует файл с именем launch.json который содержит различные сведения о конфигурации. Этот файл может потребовать несколько изменений в зависимости от вашего проекта. Наиболее важными полями в этой конфигурации являются name и program . По умолчанию name имеет значение Launch app.js а program имеет значение app.js Вы должны изменить их, чтобы они соответствовали файлам в вашем проекте. Например, если имя основного файла вашего проекта – index.js вместо app.js , ваш launch.json должен содержать:
«name» : «Launch index.js», «program» : «index.js»
Хотя он работает «из коробки» в Windows, в Ubuntu (и большинстве других дистрибутивов Linux и Mac OS X), вам нужно установить Mono 3.10.0 или выше, чтобы отладчик работал. Без этого попытка запустить отладчик не удастся:
Чтобы установить последнюю версию Mono, вам нужно добавить новый PPA к программным источникам Ubuntu. Сделайте это, открыв терминал и введя:
sudo add-apt-repository ppa:ermshiperete/monodevelop
Теперь вы можете установить Mono, используя apt-get .
sudo apt-get update sudo apt-get install monodevelop-current
Наконец, создайте ссылку на исполняемый файл mono внутри /usr/bin :
sudo ln -s /opt/monodevelop/bin/mono /usr/bin/mono
Вернитесь в VSCode и снова запустите отладку. Вы должны увидеть, как это работает:
Использование контроля версий
На всех платформах VSCode поддерживает управление версиями с помощью Git. Чтобы использовать эту функцию, на вашем компьютере должен быть установлен Git. В Ubuntu вы можете установить Git, снова открыв терминал и введя следующее:
sudo apt-get install git
Вернитесь в VSCode и нажмите кнопку Git на панели инструментов. Вам будет предложено инициализировать новый репозиторий:
После инициализации VSCode показывает все файлы, которые необходимо зафиксировать или обновить. Фиксация так же проста, как ввод сообщения о фиксации и нажатие на галочку:
Использование Markdown Preview
На всех платформах VSCode поддерживает предварительный просмотр Markdown и работает без каких-либо дополнительных установок. Когда вы редактируете файл уценки, при нажатии Control + Shift + V в любой момент отображается предварительный просмотр файла.
Например, если ваш файл Markdown выглядит так:
… предварительный просмотр покажет это:
Вывод
Теперь вы знаете, как установить и запустить Visual Studio Code – первый инструмент разработки из семейства Microsoft Visual Studio, поддерживающего Linux, – в вашей системе Ubuntu. Хотя процесс настройки немного сложен, вы должны попробовать его, чтобы испытать его гладкий и оптимизированный интерфейс, оптимизированный для веб-разработки.
По состоянию на май 2015 года VSCode все еще находился в предварительном просмотре с улучшениями и новыми функциями, которые могут появиться в следующие месяцы. Обновления просты в установке и доступны для всех платформ одновременно.
Если у вас есть какие-либо вопросы или комментарии об этом руководстве, пожалуйста, дайте мне знать. Вы уже пробовали VSCode? Если так, что ты думаешь?
Источник: coderlessons.com
Разработка кода в Visual Studio без использования проектов и решений
Область применения:Visual Studio
Visual Studio для Mac
Visual Studio Code
Вы можете открыть код практически из любого типа проекта на основе каталога без необходимости в решении или файле проекта. Это значит, что вы можете, например, клонировать репозиторий GitHub, сразу открыть его в Visual Studio и начать разработку, не создавая решение или проект. Если потребуется, вы можете указать настраиваемые задачи сборки и параметры запуска, используя простые файлы JSON.
Когда вы открываете в Visual Studio файлы кода, в обозревателе решений отображаются все имеющиеся в папке файлы. Щелкните любой из них, чтобы приступить к изменению. В фоновом режиме Visual Studio индексирует файлы для поддержки функций навигации, рефакторинга и IntelliSense. Когда вы изменяете, создаете и удаляете файлы, Visual Studio автоматически отслеживает эти изменения и постоянно обновляет индекс IntelliSense. Код отображается с цветной маркировкой синтаксиса, и в большинстве случаев поддерживается базовое завершение операторов IntelliSense.
Если вы ищете сведения, относящиеся к VS Code, посетите страницу Начало работы с Visual Studio Code.
Открытие любого кода
Ниже представлены способы открытия кода в Visual Studio:
- В строке меню Visual Studio выберите Файл>Открыть>Папка и перейдите в расположение кода.
- В контекстном меню папки с кодом выберите команду Открыть в Visual Studio.
- Выберите ссылку Открыть папку в начальном окне.
Важно! Не все разновидности кода можно открыть с помощью ссылки Открыть папку в начальном окне Visual Studio. Например, если файл кода был сохранен как часть решения ( другими словами, в SLN-файле), необходимо использовать один из других параметров, перечисленных здесь, чтобы открыть код.
Открытие кода из клонированного репозитория GitHub
В примере ниже объясняется, как клонировать репозиторий GitHub, а затем открыть содержащийся в нем код в Visual Studio. Для этого необходимо иметь учетную запись GitHub и установленный в системе Git для Windows. Дополнительные сведения см. в статье Создание учетной записи GitHub для использования с Visual Studio и Git для Windows .
- Перейдите в репозиторий, который нужно клонировать, на сайте GitHub.
- Нажмите кнопку Clone or Download (Клонировать или скачать), а затем в раскрывающемся меню выберите Copy to Clipboard (Копировать в буфер обмена), чтобы копировать защищенный URL-адрес для репозитория GitHub.
Использование Git в Visual Studio
Начиная с Visual Studio 2019 версии 16.8, мы представили новый упрощенный интерфейс Git, который можно использовать для взаимодействия с файлами на GitHub. Дополнительные сведения см. в документации по управлению версиями Visual Studio.
Использование team Обозреватель в Visual Studio
Вы по-прежнему можете использовать team Обозреватель в Visual Studio 2022 и Visual Studio 2019 версии 16.8 и более поздних версий. Однако вам может оказаться проще использовать новый интерфейс Git. Дополнительные сведения см. в статье Как Visual Studio упрощает управление версиями с помощью Git.
- Чтобы открыть Team Explorer, в Visual Studio выберите вкладку Team Explorer. Если эта вкладка не отображается, откройте ее, выбрав Вид>Team Explorer.
- В Team Explorer выберите команду Клонировать, которая располагается в разделе Локальные репозитории Git, а затем вставьте URL-адрес страницы GitHub в текстовое поле.
- Нажмите кнопку Клонировать, чтобы клонировать файлы проекта в локальный репозиторий Git. Этот процесс может занять несколько минут в зависимости от размера репозитория.
- После клонирования репозитория в систему выберите в Team Explorer команду Открыть в контекстном меню клонированного репозитория.
- Чтобы просмотреть файлы в обозревателе решений, выберите команду Показать представление папки.
Теперь вы можете просмотреть папки и файлы в клонированном репозитории, а также просмотреть код и выполнить поиск по нему в редакторе кода Visual Studio, где доступна цветовая маркировка синтаксиса и другие возможности.
Выполнение и отладка кода
В Visual Studio отладку кода можно выполнять без проекта или решения. Чтобы запустить отладку для некоторых языков, вам потребуется указать в базе кода допустимый файл запуска, например скрипт, исполняемый файл или проект. В раскрывающемся списке рядом с кнопкой запуска на панели инструментов перечислены все элементы автозагрузки, обнаруженные Visual Studio, а также дополнительно указанные вами. Visual Studio выполнит этот код перед тем, как запускать отладку.
Настройка Visual Studio для выполнения кода будет разной для разных типов кода и используемых средств сборки.
Базы кода на основе MSBuild
Базы кода на основе MSBuild могут иметь несколько конфигураций сборки, и все они перечисляются в раскрывающемся списке кнопки запуска. Выберите файл, который нужно использовать в качестве автозапускаемого элемента, и нажмите кнопку Запустить, чтобы начать отладку.
Для баз кода C# и Visual Basic необходимо установить рабочую нагрузку Разработка классических приложений .NET. Для баз кода C++ необходимо установить рабочую нагрузку Разработка классических приложений на C++ .
Базы кода на основе пользовательских средств сборки
Если для вашей базы кода применяются пользовательские средства сборки, нужно указать в Visual Studio правила сборки кода с помощью задач сборки, которые определяются в файле JSON. Дополнительные сведения см. в статье Настройка задач сборки и отладки для режима разработки «Открытая папка».
Базы кода с кодом Python или JavaScript
Если база кода содержит код на Python или JavaScript, вам не нужно настраивать файлы JSON, но нужно установить соответствующие рабочие нагрузки. Также следует настроить скрипт запуска:
- Установите рабочую нагрузку Разработка Node.js или Разработка на Python. Для этого последовательно выберите Средства>Получить средства и компоненты или закройте Visual Studio и запустите Visual Studio Installer.
- В обозревателе решений щелкните правой кнопкой мыши файл JavaScript или Python и в контекстном меню выберите команду Назначить автозапускаемым элементом.
- Нажмите кнопку Запустить, чтобы начать отладку.
Базы кода с кодом C++
Сведения о том, как открыть код C++ в Visual Studio без создания решений или проектов, вы найдете в статье Open Folder projects for C++ (Проекты «Открыть папку» для C++).
Базы кода, содержащие проект Visual Studio
Если папка с кодом содержит проект Visual Studio, вы можете назначить этот проект в качестве автозапускаемого элемента.
Текст кнопки запуска изменится на имя проекта, назначенного автозапускаемым элементом.
См. также
- Настройка задач сборки и отладки для режима разработки «Открытая папка»
- Open Folder projects for C++ (Проекты «Открыть папку» для C++)
- CMake projects in C++ (Проекты CMake в C++)
- Написание кода в редакторе кода и текста
Источник: learn.microsoft.com
Создание сценариев PowerShell с помощью Visual Studio Code
Обычно ИТ-администраторы не следят за технологиями, предназначенными для разработчиков. Показательным примером может служить Visual Studio Code — упрощенный редактор с открытым исходным кодом, разработанный специалистами Microsoft и представленный на конференции Build 2015 в апреле 2015 года.
Вероятно, у большинства администраторов Windows это событие не вызвало интереса, но знаете ли вы, что Visual Studio Code представляет собой мощный инструмент разработки и отладки сценариев PowerShell? Большинство ИТ-администраторов для создания сценариев PowerShell используют интегрированную среду подготовки сценариев Integrated Scripting Environment (ISE) — инструмент удобный, но имеющий весьма ограниченные возможности редактирования и отладки. У ISE отсутствует большая часть функций, ставших привычными для разработчиков, использующих более мощные инструменты, такие как Visual Studio Code. В сочетании с расширением Microsoft PowerShell, Visual Studio Code способен обеспечить полнофункциональную среду редактирования и отладки сценариев PowerShell.
10 подготовительных шагов
1. Загрузите Visual Studio Code
Первый шаг к применению Visual Studio Code для PowerShell — загрузка, которая абсолютно бесплатна. Есть варианты для Windows 7, 8 и 10, Debian, Ubuntu, Fedora и CentOS Linux, Mac OS X, Yosmite и El Capitan (см. экран 1). Загрузить Visual Studio Code можно по адресу: https://code.visualstudio.com/Download.
![]() |
Экран 1. Варианты загрузки Visual Studio Code |
2. Добавьте расширение PowerShell
После загрузки и установки Visual Studio Code необходимо установить расширение PowerShell в Visual Studio Code. По определению Visual Studio Code — это упрощенный универсальный редактор, который, однако, является расширяемым, и для него существует более сотни расширений. Подробно о расширениях рассказано в статье по адресу: https://code.visualstudio.com/docs/extensions/overview.
Для включения поддержки PowerShell откройте Visual Studio Code, затем пункт меню «Палитра команд» нажатием комбинации клавиш Ctrl+P. В «Палитре команд» введите ext install PowerShell. В раскрывающемся списке выберите расширение PowerShell (см. экран 2).
![]() |
Экран 2. Установка расширения PowerShell в Visual Studio Code |
3. Откройте нужную папку в обозревателе
В Visual Studio Code сценарии представлены как структура файлов и папок. При выполнении многих действий с PowerShell требуется открыть папку, содержащую нужный сценарий, в обозревателе Visual Studio Code. На панели обозревателя щелчком открывается любой сценарий, содержащийся в этой папке (см. экран 3).
![]() |
Экран 3. Открытие сценария в обозревателе Visual Studio Code |
4. При необходимости отредактируйте сценарий PowerShell с использованием цветового выделения синтаксиса кода
После добавления расширения PowerShell в редакторе Visual Studio Code можно редактировать сценарии PowerShell с использованием цветового выделения синтаксиса кода. В отличие от ISE или Notepad, где редактирование осуществляется на белом фоне, в Visual Studio Code фон редактирования по умолчанию темный, как в Visual Studio 2015. Возможно, для некоторых администраторов это окажется непривычным.
Можно создать свою цветовую схему (при желании ее можно скопировать у ISE). По умолчанию комментарии — зеленые, переменные — синие, а команды — белые. Допускается одновременное открытие до трех окон для одновременного редактирования (см. экран 4).
![]() |
Экран 4. Цветовое выделение синтаксиса кода |
5. Преимущества IntelliSense
Добавление расширения PowerShell означает также добавление поддержки технологии IntelliSense в Visual Studio Code. При вводе команд PowerShell эта технология подсказывает нужные имена и параметры (см. экран 5).
![]() |
Экран 5. Технология IntelliSense подсказывает нужные имена и параметры |
6. Просмотр описания команды
Чтобы просмотреть все описание команды, наведите на нее курсор мыши. Если установлено расширение PowerShell, то в редакторе Visual Studio Code при этом автоматически будет выведено на экран полное описание данной команды (см. экран 6).
![]() |
Экран 6. Просмотр описания команды |
7. Функция Go to Definition
Для перехода к определению функции можно сначала выделить эту функцию, а затем в контекстном меню, открываемом правой кнопкой мыши, выбрать пункт Go to Definition либо воспользоваться клавишей F12. Если функция выделена в тексте кода, редактор немедленно переходит к ее описанию (см. экран 7).
![]() |
Экран 7. Функция Go to Definition |
8. Выполнение выбранного кода PowerShell
Чтобы выполнить определенный фрагмент кода PowerShell, в редакторе Visual Studio Code выделите этот фрагмент и нажмите клавишу F8. Результаты выполнения указанного фрагмента кода выводятся в окне Output (см. экран 8).
![]() |
Экран 8. Выполнение выбранного кода PowerShell |
9. Отладка сценариев PowerShell
Приходилось ли вам сожалеть об ограниченных возможностях отладчика ISE? Мне приходилось. Visual Studio Code обеспечивает полнофункциональный интерфейс отладки, позволяющий устанавливать точки прерывания, отслеживать переменные и осуществлять пошаговую проверку выполнения кода.
Чтобы запустить отладчик Visual Studio Code, выделите нужную папку в обозревателе и щелкните на значке отладки слева либо нажмите комбинацию клавиш Ctrl+Shift+D. На боковой панели в левой части экрана можно увидеть значения переменных, контрольные значения и точки прерывания. Значение переменной выводится при наведении на нее курсора мыши. Панель инструментов в верхней части экрана позволяет запускать код, выполнять шаг с обходом процедуры, шаг с заходом в процедуру и шаг с выходом, а также перезапускать и останавливать сеанс отладки (см. экран 9).
![]() |
Экран 9. Отладка сценариев PowerShell |
10. Анализ сценария в реальном времени с помощью анализатора PowerShell
Для выявления потенциальных дефектов кода сценария можно воспользоваться анализатором PowerShell с набором встроенных или пользовательских правил, применяемых к анализируемому сценарию (см. экран 10). Загрузить анализатор Power Shell можно из галереи PowerShell (https://www.powershellgallery.com/packages/PSScriptAnalyzer/).
![]() |
Экран 10. Анализ сценария в реальном времени |
Источник: www.osp.ru