Как работать в программе visual studio code

Редактор кода VS Code (Visual Studio Code) считается наиболее известной платформой для веб-разработчиков. Его востребованность объясняется широким встроенным функционалом. Например, в перечень возможностей входит взаимодействие с сервисами контроля кода. Применение Git из Visual Studio Code заметно упрощает процессы редактирования кода, повышает эффективность и надежность процесса разработки.

Требования к системе

Все, что понадобится для функционирования платформы – это актуальный релиз Visual Studio Code и пакета Git. В качестве тестовой базы можно выбрать как локальный компьютер с системой Linux, macOS, Windows любой версии. Теоретически можно использовать и виртуальную машину VPS/VDS с Windows, арендованную у облачного провайдера cloud.timeweb.com , но работа через графический интерфейс Windows Server будет, конечно, менее удобной.

Шаг 1. Знакомимся с вкладкой Source Control

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

VS Code — настройка, установка, плагины ✅ Подробный гайд за 30 минут про VS Code

В нем сделаем папку под новую задачу и сразу перейдем в нее:

mkdir git_test
cd git_test

Теперь очередь репозитория Git:

git init

Те же настройки Git возможны в интерфейсе Visual Studio Code . Следует открыть окно Source Control слева на панели (иконка похожа на развилку дороги) и там нажать Open Folder.

При клике на нее система откроет менеджер файлов с открытой по умолчанию текущей папкой. Если предпочтительна другая папка, ее можно выбрать нажатием Open и следом Initialize Repository.

После инициализации в файловой системе накопителя появится каталог .git. Просмотр доступен по команде, введенной в терминале:

ls –la

Результат просмотра будет выглядеть так:

Содержимое экрана указывает на то, что инициализация репозитория была осуществлена, и теперь туда требуется внести файл index.html. После создания «индекса» в панели Source Control рядом с его наименованием будет находиться буква U. Она показывает «не отслеживаемые файлы», в эту категорию попадают все только что созданные или скорректированные файлы, не перенесенные в архив репозитория.

Чтобы добавить объект туда, достаточно кликнуть на значок «плюс», расположенный рядом с созданным index.html.

Смена статуса отслеживается по появлению буквы A – она показывает, что Visual Studio и Git стартовали «совместную работу». Запись изменений сработает после команды на отправку, она расположена внутри поле ввода сверху на панели Source Control. Остается кликнуть на галочку и убедиться, что несохраненные изменения отсутствуют.

Ради мониторинга работы системы сделаем изменения в файле index.html. Например, создадим в нем раздел , а внутри заголовок уровня (содержимое любое). После сохранения рядом с наименованием файла появится буква M.

VS Code настройка установка плагины // Подробный гайд VS Code за час // VS Code видео обучение

Она указывается на различие копии, хранящейся в Git и на «локальном носителе». Если пользователь считает внесенные корректировки правильными, их можно отправить в репозиторий при помощи той же иконки с галочкой (контроль по наличию буквы A).

Вот мы вкратце и ознакомились, как работать с Git на платформе VS Code. Теперь рассмотрим варианты интерпретации показателей Gutter.

Шаг 2. Интерпретация показателей Gutter

И начнем с определения, что же представляет собой концепция Gutter («желоб») в программном обеспечении Visual Studio Code. Формально – это всего лишь некая область, расположенная справа от номера строки. В ней расположены иконки «Свернуть» и «Развернуть», необходимые для того, чтобы при редактировании была возможность сворачивать код и разворачивать его. Есть и другой функционал.

Так, при внесении изменений, например, внутри тега можно увидеть, что строку с новыми данными система пометила синей вертикальной чертой (в области Gutter). Такое будет происходить со всеми ранее созданными строчками, куда пользователь вносил новый код.

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

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

Шаг 3. Просмотр отличий файлов

Инструмент VS Code помогает быстро сравнивать две версии файла. Например, если была задача отредактировать index.html и заказчику требуется убедиться во внесении изменений исполнителем. Конечно, можно воспользоваться утилитой сравнения файлов diff, но удобнее работать встроенным функционалом программы.

Всего-то достаточно открыть панель контроля кода и пару раз кликнуть по скорректированному ранее объекту (пусть остается index.html). Система автоматически откроет окошко для сравнения, в нем последняя версия кода отобразится слава, а до этого перенесенная в репозиторий – справа. «Нестыковки» будут помечены зеленым цветом при наличии кода в строке и серым при его отсутствии.

Шаг 4. Работа с ветвлением

Программное обеспечение VS Code поддерживает редактуру с ветвлением кода. Название текущей ветки отображается снизу левой части окна редактора, рядом с иконкой контроля исходного кода («дорожная развилка»). По умолчанию программа показывает главную ветку. Чтобы сделать ответвление от нее, нужно нажать на ее наименование и в открывшемся меню выбрать Create new branch. Например, создадим тестовую ветку под названием test.

После сохранения внесем какие-либо изменения в файл index.html. Появится возможность перехода в главную ветку master и обратно в test (слева в нижнем углу экрана редактирования). Если перейти на основную ветку, будет видно, что внесенный в ответвлении текст отсутствует в коде, как и положено. Чтобы сохранить корректировки, объект выгружают в репозиторий и проверяют его текущий статус (должна отображаться буква A).

Шаг 5. Поддержка удаленных репозиториев

В функционал панели Source Control входит поддержка удаленных репозиториев. В рамках данной статьи углубляться в эту тему мы не будем. Но знать о такой возможности нужно, особенно тем, кто уже имел опыт работы с pull, sync, publish и другими подобными репозиториями. Здесь же продолжим разбираться, как работать с Git .

Шаг 6. Установка модулей расширений

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

Git Blame

Расширение предназначено для сохранения-отображения информации об исполнителе. Это удобно, когда один код редактируют несколько человек, например, на разных этапах реализации проекта или при смене ответственных сотрудников. В панели Git Blame пользователь видит идентификатор «виновника» по каждой из выделенных строк. Плюс там же отображена дата и время внесения всех корректировок, какие вообще совершались с конкретным участком кода.

Git History

Модуль дополняет встроенный функционал по сравнению версий, управлению ветвлением за счет внедрения просмотра истории Git прямо в программе Visual Code . В перечне данных отображается список авторов, отдельных ветвей и пр. Чтобы открыть просмотр истории, достаточно кликнуть по объекту правой кнопкой мышки и в выпадающем меню зайти в раздел Git: View File History.

Git Lens

Расширение Git Lens предназначено для визуализации принадлежности участков кода при помощи внесения аннотаций. Разработчик может просматривать информацию прямо из среды Visual Studio Code , закрепленную к файлам в репозитории Git . Такой вариант комментирования подходит, если проектом занимается целая команда и к работе привлекают сторонних специалистов.

Модуль Git Lens свободно заменит два предыдущих. Данные о последних изменениях и их авторе отображаются справа от редактируемой строки. Там же указано, сохранены ли эти корректировки в репозитории или еще нет. При наведении мышки на блок служебной информации система выдаст всплывающее окно с более подробными данными.

Выводы

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

Источник: timeweb.cloud

Visual Studio Code – редактор кода для Linux, OS X и Windows

Когда толь­ко начи­на­ешь про­грам­ми­ро­вать и делать сай­ты, важ­но пони­мать, что вооб­ще про­ис­хо­дит. Вот изме­нил ты пара­метр объ­ек­та — а пра­виль­но или нет? Зара­бо­та­ло это или нет? Кра­си­во вышло или ужас­но?

Что­бы раз­ра­бот­чик сра­зу видел резуль­тат тру­да, боги созда­ли для него IDE — integrated development environment, по-русски — сре­ду раз­ра­бот­ки. Это про­грам­ма, в кото­рой про­грам­мист пишет код, ловит ошиб­ки и наблю­да­ет резуль­тат.

Чисто тех­ни­че­ски рабо­тать мож­но и без IDE: писать код в блок­но­те и про­смат­ри­вать его в спе­ци­аль­ных про­грам­мах или бра­у­зе­ре. Но это быва­ет мед­лен­но и тре­бу­ет допол­ни­тель­ных тело­дви­же­ний. Луч­ше научить­ся поль­зо­вать­ся IDE и писать в сто раз быст­рее.

Выбор сре­ды раз­ра­бот­ки (IDE) — дело вку­са и при­выч­ки. Какие-то из них — уни­вер­саль­ные, дру­гие зато­че­ны под кон­крет­ные язы­ки про­грам­ми­ро­ва­ния. IDE часто похо­жи по сво­им воз­мож­но­стям и поз­во­ля­ют уве­ли­чи­вать функ­ци­о­наль­ность за счёт внеш­них допол­не­ний.

Visual Studio Code

Про­грам­му мож­но ска­чать с офи­ци­аль­но­го сай­та. Несмот­ря на то, что VS Code дела­ет Мик­ро­софт, это бес­плат­ный про­дукт с откры­тым исход­ным кодом, доступ­ный на всех плат­фор­мах. Бла­го­да­ря это­му и сво­им воз­мож­но­стям VS Code стал одной из самых попу­ляр­ных сред для раз­ра­бот­ки в мире.

VS Code рас­по­зна­ёт почти все суще­ству­ю­щие язы­ки про­грам­ми­ро­ва­ния, само­сто­я­тель­но или с помо­щью пла­ги­нов, и фор­ма­ти­ру­ет их соот­вет­ству­ю­щим обра­зом. Кро­ме это­го, у него глу­бо­кая под­держ­ка HTML, CSS, JavaScript и PHP — он про­сле­дит за пар­ны­ми тега­ми, закры­ты­ми скоб­ка­ми и ошиб­ка­ми в коман­дах.

Вот самые инте­рес­ные воз­мож­но­сти VS Code.

Умное авто­до­пол­не­ние. Про­грам­ма ана­ли­зи­ру­ет, какую коман­ду вы хоти­те вве­сти, и пред­ла­га­ет закон­чить фра­зу за вас, с под­сказ­ка­ми и объ­яс­не­ни­ем. Удоб­но, если вы забы­ли поря­док сле­до­ва­ния пере­мен­ных или как точ­но зву­чит нуж­ная коман­да:

Выпол­не­ние скрип­тов по шагам. Ино­гда нуж­но иметь воз­мож­ность выпол­нить скрипт не сра­зу, а по шагам, напри­мер, что­бы понять, не зацик­ли­лась ли наша про­грам­ма. Для это­го исполь­зуй­те встро­ен­ный дебаг­гер — это про­грам­ма, кото­рая сле­дит за кодом, ищет в нём ошиб­ки и поз­во­ля­ет выпол­нять его поэтап­но.

Мно­же­ствен­ное выде­ле­ние и поиск. Что­бы поме­нять мно­го оди­на­ко­вых зна­че­ний пере­мен­ных или най­ти все оди­на­ко­вые сло­ва или коман­ды, VS Code исполь­зу­ет свой алго­ритм обра­бот­ки. Бла­го­да­ря это­му редак­ти­ро­вать код ста­но­вит­ся про­ще, а заме­на функ­ций или пере­мен­ных про­ис­хо­дит быст­рее.

Муль­ти­кур­сор помо­га­ет вво­дить оди­на­ко­вые зна­че­ния сра­зу на несколь­ких стро­ках

Най­ден­ные оди­на­ко­вые сло­ва и коман­ды мож­но тут же заме­нить на дру­гие

Нави­га­ция по коду и опи­са­ния функ­ций. Когда пишешь боль­шую про­грам­му, лег­ко забыть то, что делал в нача­ле — как рабо­та­ет функ­ция или како­го типа пере­мен­ная исполь­зу­ет­ся в этом месте. Что­бы это­го избе­жать, VS Code может пока­зы­вать саму функ­цию, опи­са­ние пере­мен­ной или какие пара­мет­ры пере­да­ют­ся при вызо­ве коман­ды. Ещё это при­го­дит­ся, если код достал­ся вам по наслед­ству от про­шло­го раз­ра­бот­чи­ка и нуж­но быст­ро понять, какие кус­ки кода за что отве­ча­ют и как рабо­та­ют:

Сра­зу после уста­нов­ки VS Code не уме­ет пока­зы­вать резуль­та­ты рабо­ты кода, когда мы дела­ем веб-страницы. Это мож­но испра­вить с помо­щью рас­ши­ре­ния Live HTML Previewer. Для это­го захо­дим в раз­дел «Extensions», щёл­кая на послед­нем знач­ке на пане­ли сле­ва или нажи­мая Ctrl+Shift+X, и начи­на­ем писать «Live HTML Previewer» в стро­ке поис­ка.

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

Visual Studio Code редактор кода 1.46.0 + Portable

Visual Studio Code
– визуальный редактор кода от компании Майкрософт. Это мощный программный продукт на смотря на свою легкость, разработчикам удалось сделать его достаточно функциональным и полезным. Редактор отлично понимает jаvascript, TypeScript или Node.js, но при необходимости, возможности программы могут быть существенно расширены за счет быстрой установки расширений.

Данный вариант приложения предназначен для работы в операционной системе Windows. Для ускорения работы, реализована система Горячих клавиш, назначение команд которых, может быть изменено в любой момент на удобной карте быстрых клавиш. Также отлично работает функция экспорта проектов в текстовых форматах.

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

Системные требования:

·Windows 7 — Windows 10 (x86 / x64) ·процессор с частотой 1,6 ГГц и выше, ·ОЗУ от 1 Гб и выше, Microsoft .NET Framework 4.5.2.

Торрент Visual Studio Code редактор кода 1.46.0 + Portable подробно:
Ключевые особенности приложения:
·Высокая скорость работы ·Огромное количество поддерживаемых языков программирования «из коробки» (например jаvascript, TypeScript, CSS, HTML и пр.). В случае если требуется добавить в редактор поддержку какого-либо языка, можно установить необходимое дополнение из встроенного репозитория VS Code Marketplace. ·Подсветка синтаксиса, автозавершение кода с использованием технологии IntelliSense и пр. ·Встроенный отладчик кода. ·Поддержка Git и прочих систем управления версиями, позволяющая делать коммиты прям из редактора. ·Наличие встроенного терминала. ·Огромное количество всевозможных плагинов.
Что нового >>>
O portable:

Портативная версия программы предоставлена разработчиком и работает без инсталляции на ПК. Раздается в виде авторских архивов с контрольными суммами:
VSCode-win32-ia32-1.46.0CRC32:
531039DB
MD5:
1B40EFE25F2B958AF1DA8A600FDDF3DF
SHA-1:
53BA6DF23C6BF2378A53D2D7DD9F983E901998D2

VSCode-win32-x64-1.46.0
CRC32:
4904ABD9
MD5:
5F1B4544213B74B9163C3026A46FF321
SHA-1:
9A508731A0114A3238905B88576CD3FCCB4F39DD

Русификация программы:

Скриншоты Visual Studio Code редактор кода 1.46.0 + Portable торрент:

Скачать Visual Studio Code редактор кода 1.46.0 + Portable через торрент:

WebStorm

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

Авто­под­ста­нов­ка. Неко­то­рые IDE с авто­под­ста­нов­кой тор­мо­зят и не пред­ла­га­ют сра­зу все вари­ан­ты пере­мен­ных или команд — но не WebStorm. Здесь всё рабо­та­ет с пер­вой бук­вы и пони­ма­ет, когда надо пред­ло­жить пере­мен­ную, а когда коман­ду или слу­жеб­ное сло­во:

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

Про­вер­ка оши­бок. WebStorm уме­ет сам про­ве­рять код на ошиб­ки и пояс­нять каж­дую из них. Не все­гда это рабо­та­ет иде­аль­но, но когда рабо­та­ет — эко­но­мит кучу вре­ме­ни:

Что­бы сра­зу видеть, что полу­ча­ет­ся на стра­ни­це, нам пона­до­бит­ся пла­гин LiveEdit. По умол­ча­нию он выклю­чен, но его мож­но вклю­чить или поста­вить отдель­но в любое вре­мя. После акти­ва­ции нуж­но будет в настрой­ках пла­ги­на поста­вить галоч­ку «Update application in Chrome on changes in» — она как раз отве­ча­ет за обнов­ле­ние инфор­ма­ции в бра­у­зе­ре Chrome. Теперь мож­но писать код и сра­зу видеть резуль­тат:

Редактор и отладчик программного кода — Visual Studio Code 1.48.2 + Portable

Visual Studio Code
— визуальный редактор кода от компании Майкрософт. Несмотря на свою легкость, разработчикам удалось сделать его достаточно функциональным и полезным. Редактор отлично понимает JаvaScript, TypeScript или Node.js, но при необходимости, возможности программы могут быть существенно расширены за счет быстрой установки расширений.

Данный вариант приложения предназначен для работы в операционной системе Windows. Для ускорения работы реализована система «горячих клавиш», назначение команд которых может быть изменено в любой момент. Также отлично работает функция экспорта проектов в текстовых форматах. Visual Studio Code отлично подойдет разработчикам веб-приложений, облачного программного обеспечения при просмотре или редактировании кода. В данном продукте интегрировано множество полезных функций, а также встроенный инструмент для компиляции кода.

Системные требования:

·Windows 7/8/8.1/10 (32/64-bit) ·Microsoft .NET Framework 4.5.2 ·200 МБ свободного места на жестком диске ·Процессор 1,6 ГГц и быстрее 1 ГБ ОЗУ

Торрент Редактор и отладчик программного кода — Visual Studio Code 1.48.2 + Portable подробно:
Особенности программы
·Высокая скорость работы. ·Огромное количество поддерживаемых языков программирования «из коробки» (jаvascript, TypeScript, CSS, HTML и пр.). В случае, если требуется добавить в редактор поддержку какого-либо языка, можно установить необходимое дополнение из встроенного репозитория VS Code Marketplace. ·Подсветка синтаксиса, автозавершение кода с использованием технологии IntelliSense и пр. ·Встроенный отладчик кода. ·Поддержка Git и прочих систем управления версиями, позволяющая делать коммиты прям из редактора. ·Наличие встроенного терминала. ·Огромное количество всевозможных плагинов.

Русификация программы

1. Открываем палитру команд сочетанием клавиш Ctrl+Shift+P. 2. Набираем «Configure Display Language», выбираем «Install additional languages». 3. Выбираем в магазине расширений языковой пакет, устанавливаем его (кнопка Install). 4. Перезапускаем программу.

Что нового >>>
Портативная версия

Портативные версии предоставлены разработчиком и работают без установки на компьютер.

Контрольные суммы:

VSCode-win32-ia32-1.48.2.zip
CRC32:
1320B6D2
MD5:
3B0C2F178917B1AA18BD7E12023FA8F3
SHA-1:
D6BEF8456E132FB537D71C41810925D1878EB87F

VSCode-win32-x64-1.48.2.zip CRC32:

3D6E6CB8
MD5:
3AAA1105A5B64FCAA7D13A9AA0547A96
SHA-1:
7C5A758F86A18E5AEAC279A01190C86A3BCA4AB0

Скриншоты Редактор и отладчик программного кода — Visual Studio Code 1.48.2 + Portable торрент:

Скачать Редактор и отладчик программного кода — Visual Studio Code 1.48.2 + Portable через торрент:

Поддерживаемые языки программирования

Редактор Visual Studio Code поддерживает достаточно большое число языков программирования/кодинга. Однако функции автодополнения, рафакторинга и отладки работают не во всех языка:

• Подсветка кода. Даже базовая сборка редактора имеет поддержку десятков языков программирования и кодинга, включая такие популярные как C и все вариации, PHP, Perl, Java и многие другие.
• Автодополнение команд: CSS, HTML, JavaScript, JSON, Less, Sass и TypeScript.
• Рефакторинг: C# и
• Отладка: С, C++, JavaScript и TypeScript (только для платформы Node.js), Python, PHP и XDebug.

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

Источник: mycomp.su

Разработка ASP.NET 5 веб-приложений с Visual Studio Code

30.10.2015

1927

Рейтинг: 5 . Проголосовало: 1
Вы проголосовали:
Для голосования нужно авторизироваться

Введение

10 лет назад трудно было вообразить, что разработка ASP.NET веб-приложений вне интегрированной среды разработки Visual Studio .NET буде возможна. Но в прошлом году произошли изменения. В апреле 2014 года на конференции разработчиков (Build) Microsoft анонсировал запуск нового легкого кросс-платформенного кодового редактора для разработки современных веб-приложений под именем Visual Studio Code.

Visual Studio Code

Visual Studio Code свободна для скачивания с официального сайта. Работаете ли Вы на Linux, Mac или Windows – не имеет значения. Вы можете скачать и запустить VS код на своей платформе.

Установка Visual Studio Code довольно проста, но если Вы застрянете, то всегда можете просмотреть документацию по установке.

Visual Studio Code является просто редактором кода на файловой основе и не имеет всех преимуществ полной интегрированной среды разработки Visual Studio .NET. Он легче по дизайну. Тем не менее, у редактора есть множество особенностей, которые поддерживают такие технологии, как IntelliSense для дополнения кода, Peek Definition для быстрого взгляда на функциональный код без навигации, реорганизацию кода и прочие. Visual Studio Code также поддерживает множество языков, например CoffeeScript, F#, Go, Jade, Java, Handlebars, Powershell и Python, для примера. Вы можете проверить языковую поддержку здесь.

Также Visual Studio Code способен поддерживать такие среды выполнения, как ASP.NET 5 и Node.JS. Если Вы их используете для веб-разработки с Microsoft Stack, можете быть уверенны, что ASP.NET 5 (новая версия ASP.NET) сейчас поддерживает кросс-платформенную разработку. Это значит, что можно разрабатывать ASP.NET-приложение в среде Linux, Mac или Windows так же, как и запускать его в любой из них. И Вам даже не нужно иметь интегрированную среду разработки Visual Studio .NET, чтобы сделать это.

Visual Studio Code – это все, что вам нужно, чтобы начать работать с ASP.NET 5, и это здорово!

Установка ASP.NET 5 New > ASP.NET шаблон проекта?» Visual Studio Code является редактором кода на файловой базе, так что Вы можете просто открыть файл и начать редактирование. Кроме того, нужны поддерживающие средства, чтобы работать с исполняемым шаблоном ASP.NET.

Yeoman является популярным консольным инструментом для автоматического построения структуры проекта, а также обеспечивает базовым ASP.NET шаблоном для старта. Yeoman может быть установлен с помощью NPM, но для начала надо установить Node . JS .

Если у Вас нет Node в системе, можете установить его. Кроме Yeoman , Вам также нужны другие поддерживающие средства, такие как генератор ASP . NET , исполнитель задач Grunt и Bower . Вы можете выполнить это за одну команду. В командной строке набрать следующую команду и нажать enter:

npm install –g yo grunt-cli generator-aspnet bower

Теперь Вы можете строить веб-приложения.

Создание веб-приложения

Разберем пошагово, как построить структуру проекта нового ASP.NET 5 веб-приложения.

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

2. Введите в командную строку следующую команду:

3. Yeoman отобразит варианты приложений для генератора aspnet. Возможные варианты:

• консольное приложение
• веб-приложение
• основное веб-приложение (без членов/аутентификации)
• веб-приложение API
• Nancy ASP.NET приложение
• библиотека классов
• тестовый проект Unit

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

4. Дальше нам нужно назвать веб-приложение. Используем HelloWorld как имя нашего образца ASP . NET 5 веб-приложения. Введите имя и нажмите enter. Yeoman построит структуру проекта.

5. Каталог, в котором будет создано наше веб-приложение будет иметь то же имя, что мы дали только что Yeoman . В данном случае — “ HelloWolrd ”.

6. Через командную строку откройте Visual Studio Code

7. Visual Studio Code запустит проект HelloWorld. Файлы в проекте будут отображаться в окне Проводника.

8. В редакторе Visual Studio Code выберите View > Command Palette option
и в командной палитре введите следующую команду:

dnx: dnu restore — (HelloWorld)

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

Видео курсы по схожей тематике:

Unit тестирование в C#

Abdul Rashid Hamid

ASP.NET MVC 5 Углубленный

Запуск веб-приложения

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

1. В Visual Studio Code откройте Command Palette, выбрав View > Command Palette. Введите следующую команду для запуска приложения:

dnx: kestrel -(HelloWorld,Microsoft.AspNet.Hosting—server Kestrel–config hosting.ini

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

2. Откройте браузер и перейдите по ссылке http://localhost5000