Web visual studio


Пошаговое руководство. Создание базовой веб-страницы с разделением кода в Visual Studio

Эта документация перемещена в архив и не поддерживается.

Visual Studio 2010

При создании веб-страниц ASP.NET и написании кода для них можно выбрать одну из двух моделей управления видимыми элементами (элементы управления и текст) и программным кодом. В однофайловой модели видимые элементы и код хранятся в одном файле. В модели с разделением код хранится отдельно от видимых элементов в файле кода программной части. В этом пошаговом руководстве представлены общие сведения о работе с веб-страницами, для которых используется разделение кода.

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

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

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

  • Создание страницы ASP.NET с разделением кода.

  • Добавление элементов управления.

  • Добавление обработчиков событий.

  • Выполнение страниц на Visual Studio Development Server.

Для выполнения этого пошагового руководства потребуется следующее.

В этом разделе пошагового руководства создается проект веб-сайта, в который добавляется новая страница. После этого на страницу добавляется текст HTML, а сама страница выполняется в браузере.

Если проект веб-сайта в Visual Studio уже создан (например, в разделе Пошаговое руководство. Создание базовой веб-страницы в Visual Studio), можно перейти непосредственно к разделу "Создание новой страницы" этого руководства. В противном случае создайте новый проект веб-сайта и страницу, выполнив следующие шаги.

Создание проекта веб-сайта на базе файловой системы

  1. Откройте Visual Studio или Visual Web Developer Express.

  2. В меню Файл выберите пункт Новый веб-узел.

    Откроется диалоговое окно Новый веб-узел.

  3. В разделе Установленные шаблоны щелкните Visual Basic или VisualC#, затем выберите Веб-сайт ASP.NET.

  4. В поле Расположениев Интернете выберите поле Файловая система и введите имя папки, в которой будут храниться страницы веб-сайта.

    Например, введите имя папки C:\WebSites.

  5. Нажмите кнопку ОК.

    Visual Studio создает проект веб-сайта, включающий стандартные функциональные возможности для макета (главную страницу, страницы содержимого Default.aspx и About.aspx и каскадную таблицу стилей), технологии Ajax (файлы клиентских скриптов) и проверки подлинности (членства ASP.NET).

Создание новой страницы

При создании нового проекта веб-сайта в Visual Studio автоматически добавляется страница с именем Default.aspx. По умолчанию в Visual Studio новая страница создается с разделением кода.

Добавление к веб-узлу страницы с разделением кода

  1. Закройте страницу Default.aspx. Для этого щелкните правой кнопкой мыши вкладку с именем файла и выберите команду Закрыть.

  2. В обозревателе решений щелкните правой кнопкой мыши веб-сайт (например, C:\BasicWebSite), затем щелкните Добавить новый элемент.

  3. В разделе Установленные шаблоны щелкните Visual Basic или VisualC# и выберите в списке Веб-форма.

  4. В поле Имя введите WebPageSeparated.

  5. Установите флажок Поместить код в отдельный файл.

  6. Убедитесь, что флажок Выбрать главную страницу не установлен.

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

  7. Нажмите кнопку Добавить.

    В Visual Studio создаются два файла. В файле WebPageSeparated.aspx, открытом в редакторе, содержатся элементы управления и текст страницы. В файле WebPageSeparated.aspx.vb или WebPageSeparated.aspx.cs (в зависимости от выбранного языка программирования) содержится код страницы. Чтобы просмотреть оба файла в обозревателе решений, щелкните знак плюса (+), расположенный рядом с файлом WebPageSeparated.aspx. Создаваемый файл кода изначально не открывается. Этот файл будет открыт позднее для написания кода.

Добавление на страницу HTML-кода

В этом разделе пошагового руководства на страницу WebPageSeparated.aspx добавляется статический текст HTML.

Добавление текста на страницу

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

    В представлении Конструктор страница выводится в режиме точного отображения WYSIWYG. После выполнения этих действий страница не содержит текста или элементов управления.

  2. Установите точку вставки на элемент div, расположенный на странице.

  3. Введите текст "Вас приветствует Visual Studio. Создание страницы с разделением кода".

  4. Перейдите в представление Исходный код.

    В этом режиме отображается HTML-код, созданный в представлении Конструктор. На этом этапе страница выглядит, как обычная страница HTML. Единственное отличие заключается в наличии директивы <%@ Page %> в верхней части страницы.

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

Добавление на страницу элементов управления

  1. Выберите вкладку Конструктор для перехода в представление Конструктор.

  2. Установите точку вставки после ранее добавленного текста.

  3. Несколько раз нажмите клавишу ВВОД, чтобы создать пустую область страницы.

  4. С вкладки Стандартные в панели элементов перетащите на страницу элементы управления TextBox, Button и Label.

  5. Установите точку вставки перед текстовым полем и введите текст Введите ваше имя:.

    Этот статический текст HTML используется в качестве заголовка элемента управления TextBox. На одной странице могут использоваться статические элементы управления HTML и серверные элементы.

Установка свойств элемента управления

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

Установка свойств элемента управления

  1. Выберите элемент управления Buttonи в окне Свойства задайте для свойства Text этого элемента управления значение отображаемого имени.

  2. Перейдите в представление Исходный код.

    В представлении Исходный код отображается HTML-разметка страницы, включая элементы, автоматически создаваемые в Visual Studio для серверных элементов управления. Для объявления элементов управления используется схожий с HTML синтаксис. Отличие заключается в использовании префикса asp: и атрибута runat="server".

    Свойства элемента управления объявляются как атрибуты. Например, при установке свойства Text кнопки на шаге 1 фактически устанавливается атрибут Text разметки элемента управления.

    Обратите внимание, что все элементы управления размещаются внутри элемента form, который также обладает атрибутом runat="server". Атрибут runat="server" и префикс asp: определяют обработку элементов управления средствами ASP.NET при выполнении страницы.

Программирование элемента управления «Кнопка»

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

Добавление используемого по умолчанию обработчика событий кнопки

  1. Перейдите в представление Конструктор.

  2. Дважды щелкните элемент управления Button.

    В отдельном окне редактора Visual Studio открывается файл WebPageSeparated.aspx.vb или WebPageSeparated.aspx.cs. В этом файле содержится общая схема обработчика событий Click кнопки.

  3. Добавьте выделенный ниже код в обработчик событий Click.

    protected void Button1_Click(object sender, System.EventArgs e) { Label1.Text = TextBox1.Text + ", welcome to Visual Studio!"; }

    Обратите внимание, что благодаря применению функции IntelliSense в процессе ввода предлагаются контекстные варианты выбора. Процесс написания кода однофайловой страницы выглядит аналогичным образом.

На данный момент созданы оба файла, составляющие полную страницу WebPageSeparated: WebPageSeparated.aspx и WebPageSeparated.aspx.vb или WebPageSeparated.aspx.cs. В этом разделе пошагового руководства показан порядок просмотра структуры и взаимосвязи этих файлов.

Просмотр страницы и файла кода

  1. Выберите расположенную в верхней части окна редактора вкладку WebPageSeparated.aspx, чтобы перейти к файлу страницы.

  2. Перейдите в представление Исходный код.

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

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebPageSeparated.aspx.cs" Inherits="WebPageSeparated" %>

    (Перенос строк в редакторе не выполняется. Атрибут языка и расширение файла соответствуют выбранному языку программирования.)

    При выполнении страницы средствами ASP.NET автоматически создается экземпляр класса, представляющего эту страницу. Атрибут Inherits задает класс, определенный в файле кода программной части, от которого наследуется страница ASPX. По умолчанию в Visual Studio имя класса, создаваемого в файле кода программной части, соответствует имени страницы.

    Атрибут CodeFile определяет файл кода для этой страницы. Другими словами, файл кода программной части содержит код обработки событий страницы.

  3. Выберите вкладку WebPageSeparated.aspx.vb или WebPageSeparated.aspx.cs, чтобы перейти к файлу кода.

    В этом файле содержится код, аналогичный определению класса. Однако это определение класса является неполным и содержит только часть класса, определяющего страницу. Разделяемый класс, определенный в файле кода, содержит обработчики событий и другой пользовательский код. Во время выполнения средствами ASP.NET создается другой разделяемый класс, содержащий пользовательский код. Этот полный класс используется в качестве базового для отображения страницы. Дополнительные сведения см. в разделе Общие сведения о классе страницы ASP.NET.

Теперь можно протестировать страницу.

Запуск страницы

  1. Нажмите клавиши CTRL + F5 для запуска страницы в браузере.

    Страница запускается с помощью сервера Visual Studio Development Server.

  2. Введите имя в текстовое поле и нажмите кнопку.

    Введенное имя отображается в элементе управления Label.

  3. Просмотрите исходный код выполняемой страницы в обозревателе.

  4. Закройте браузер.

    Страница работает так же, как и аналогичная однофайловая страница. (Если в разделе Пошаговое руководство. Создание базовой веб-страницы в Visual Studio создана однофайловая страница, сравните с ней работу текущей страницы.)

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

Также можно изучить другие функции, в том числе:

Задачи
Основные понятия
Другие ресурсы

msdn.microsoft.com

Visual Studio Express 2012 for Web

This documentation is archived and is not being maintained.

Microsoft Visual Studio Express 2012 for Web is an easy-to-use environment for developing dynamic web applications. It features a streamlined interface that focuses on providing the tools that you need for creating web applications. All the features of Visual Studio Express 2012 for Web are also available in Microsoft Visual Studio 2012. The websites that you create with Visual Studio Express 2012 for Web are compatible with Visual Studio 2012. You can share pages and websites between Visual Studio Express 2012 for Web and Visual Studio 2012 without any conversion issues or loss of functionality.

Note

Because many of the features of Visual Studio Express 2012 for Web are shared with Visual Studio 2012, the documentation for Visual Studio Express 2012 for Web often refers to Visual Studio 2012.

Visual Studio Express 2012 for Web contains all the features that you need as a hobbyist web developer or student to create fully functioning websites. 

This topic contains the following sections:

You can install the current version of Visual Studio Express 2012 for Web using the Microsoft Web Platform Installer, which is a free tool that makes it simple to download, install, and service components of the Microsoft Web Platform. These components include Visual Studio Express 2012 for Web, IIS Express, and the .NET Framework. You can use these tools to create ASP.NET web applications. You can also use the Microsoft Web Platform Installer to install free ASP.NET and PHP web applications.

You can use Visual Studio Express 2012 for Web to create and work with ASP.NET websites and Web Application Projects in the following configurations:

  • File system websites   In a file-system website or Web Application Project, files can be in any folder. The folder can be on your computer or in a folder on another computer that you access by using a network share. Instead of using IIS to test the site, you can use IIS Express or the ASP.NET Development Server. For more information, see File System Web Site Projects.

  • Local IIS websites   Local Internet Information Services (IIS) websites and Web Application Projects are applications on a local computer that run by using a local copy of IIS. For more information, see Local IIS Web Site Projects.

  • FTP-deployed websites   You can work with websites that you access by using FTP. You can connect from Visual Studio Express 2012 for Web to any FTP server on which you have read and write permissions. You can then create and edit webpages on that server. Web Application Projects do not support FTP deployment directly, although you can publish your Web Application Project to an FTP site. For more information, see FTP-Deployed Web Site Projects.

As in Visual Studio, you can open or create a website or web application project from the Start Page or from the File menu. For more information, see ASP.NET Web Projects and ASP.NET Web Application Projects.

Visual Studio Express 2012 for Web helps you create both ASP.NET webpages and HTML pages. ASP.NET webpages are dynamic pages. They include ASP.NET web server controls and code that ASP.NET processes on the server. During processing on the server, the controls and the code produce output that is sent as HTML (or other markup) to the browser. For more information, see ASP.NET Web Forms Overview.

Visual Studio Express 2012 for Web includes a webpage designer. In Design view, it provides a WYSIWYG design surface where you can type text and add controls. When you want to edit the page markup directly, you can switch to Source view. In Source view, the editor provides tools to help you create well-formed markup, such as statement completion and IntelliSense. The editor also checks that the markup complies with a validation schema that you have selected, such as XHTML5. Split view enables you to see both the design view and the markup at the same time. For more information, see Source View, Web Page Designer and Design View, Web Page Designer.

You can create custom page layouts by using master pages, which work like templates. You create an overall layout in a master page, and then create content pages to merge with the master page. To create a custom appearance for pages in a website, you can use themes. Themes enable you to define the color, fonts, and other characteristics of controls and of the page.

Visual Studio Express 2012 for Web also provides tools that make it easy to work with cascading style sheets (CSS). You can design the layout and style content in Design view by using UI tools such as the CSS Properties window. You can also change positioning, padding, and margins directly in Design view by using WYSIWYG visual-layout tools. For more information, see ASP.NET Master Pages, ASP.NET Themes and Skins and Working with CSS Overview.

To simplify webpage development, you can use ASP.NET web server controls. Web server controls provide familiar types of functionality for pages, such as displaying text boxes, buttons, check boxes, menus, and so on.

ASP.NET web server controls differ from HTML elements in that you can program the ASP.NET controls in server code. Programming controls in server code enables you to create webpages that present a sophisticated interface to users. You can create webpage content dynamically based on information that you can access on the server.

ASP.NET includes web server controls for a great variety of tasks you might perform in webpages, which includes the following:

  • Standard controls   Enable you to add both basic functionality and complex functionality to ASP.NET webpages. Standard controls include buttons, images, text boxes, check boxes, hyperlinks, list boxes, and so on. Other standard controls include a calendar, a file-upload control, and a control to display XML on a webpage.

  • Data controls   Enable you to connect a webpage to various sources of data, which includes databases and XML files. Data controls also let you display data on the page in tables or in other formats, and enable users to edit data.

  • Validation controls   Provide a way to check user input. You can check for required fields, ranges of values, minimum and maximum values, and specific patterns.

  • Navigation controls   Enable you to add various types of menus to webpages. These include static and fly-out menus, a tree view, and a navigation path (which is also known as an eyebrow or breadcrumb).

  • Login controls   Enable you to easily create logon forms and authenticate users. You can also use login controls that enable users to register on the website and recover or replace their passwords.

  • Web Parts controls   Enable users to customize an ASP.NET webpage in the browser. Web Parts controls can customized content such as news headlines or weather data. Users can select which Web Parts control they want to see, and they can customize the layout and appearance of the Web Parts controls. Web Parts controls are personalized, so that the preferences of the user are retained between browser sessions.

  • AJAX Extensions controls   Enable you to enhance a website by using AJAX capabilities, include asynchronous postbacks.

  • Dynamic Data controls   Enable you to use the Dynamic Data features of ASP.NET. For more information, see ASP.NET Dynamic Data and System.Web.DynamicData Namespace.

For more information about ASP.NET web server controls, see ASP.NET Web Server Controls Overview.

Visual Studio Express 2012 for Web supports ASP.NET data source controls, which connect to and communicate with various types of data sources. For example, the SqlDataSource control contains a data connection object that can connect to a SQL Server database. It also contains data command objects for SQL Select, Update, and Delete statements. Other data-source controls enable you to connect to OLE-DB data sources, XML data sources, and other data sources. The advantage of data source controls is that they provide a consistent interface for data binding for all ASP.NET controls.

Visual Studio Express 2012 for Web supports Language-Integrated Query (LINQ). LINQ is a query syntax that lets you define query operations directly in C# and Visual Basic. LINQ lets you query databases or in-memory data sources. To support database queries, Visual Studio Express 2012 for Web includes an object-relational mapping designer. By using the designer, you can quickly create and edit data classes that map to objects in a database.

Visual Studio Express 2012 for Web supports ASP.NET Dynamic Data. Dynamic Data lets you create extensible data-driven web applications by inferring at run time the appearance and behavior of data entities from the database schema and deriving UI behavior from it.

Visual Studio Express 2012 for Web also supports various data controls that you can add to ASP.NET webpages to display data. These include the GridView, DetailsView, FormView, ListView, DataList, and Repeater controls. Each of these controls enables you to present data in different ways. Each control also supports additional features, which include sorting, paging, editing data records, inserting new data records, and so on. You can also populate controls such as the ListBox and DropDownList controls with data from data source controls.

Visual Studio Express 2012 for Web lets you drag data tables onto a page. When you do, Visual Studio Express 2012 for Web automatically creates preconfigured controls on the page.

You can store data in a local database by using LocalDB or SQL Server Express. For more information about LocalDB, see Local Data Overview. For more information about SQL Server Express, see Using SQL Server Express with ASP.NET.

ASP.NET features such as membership, roles, and login server controls let you add authentication (login) and authorization to a website by using little or no code. You can enable users to register on the site, and you can create a login page that automatically checks user credentials. You can help protect pages so that only logged-in users can view them. On a single page, you can present different information to users who are logged in and to anonymous users.

For more information, see How ASP.NET Security Works.

Visual Studio Express 2012 for Web includes several project types to help you create web applications, sites, and services:

Note

Visual Studio Express 2012 for Web does not support all project types.

  • ASP.NET Website Projects   ASP.NET website projects include specific types of files that ASP.NET recognizes for processing. In addition, you can create folders for special purposes, such as for storing source code, defining themes, and managing resources. Visual Studio Express 2012 for Web includes an ASP.NET Empty Web Site project template and an ASP.NET Web Site project template. These templates include many autogenerated capabilities that you can customize. For more information, see ASP.NET Web Site Projects.

  • ASP.NET Web Application Projects   ASP.NET Web Applications Projects let you compile a website into a single assembly and explicitly define project resources. This project type offers more options for deploying and maintaining web applications than a web site project does. Visual Studio Express 2012 for Web includes an ASP.NET Empty Web Application project template and a ASP.NET Web Application project template. These templates include many autogenerated capabilities that you can customize. For more information, see ASP.NET Web Application Projects.

  • ASP.NET MVC 3 and ASP.NET MVC 4 Web Projects   The ASP.NET MVC 3 and ASP.NET MVC 4 Web Application project templates can be used to build web applications that use a model-view-controller pattern. For more information, see ASP.NET MVC Overview.

  • ASP.NET Dynamic Data Entities Web Projects   The Dynamic Data Entities Web application project template and the Dynamic Data Entities Web site project template are used to work with the ADO.NET Entity Framework. The project types can target any relational database. For more information about Dynamic Data, see ASP.NET Dynamic Data.

  • WCF Service Projects   The WCF Service Application template provides a basic class structure for service development. The template includes basic definitions for a service contract, a data contract, a service implementation, and service configuration. You can use this template to create a service that requires little or no additional coding, and that can be the basis for more advanced services.

  • Silverlight Application Projects   You can use the Silverlight application project templates to create rich internet applications.

For more information about the web-related templates in Visual Studio, see Visual Studio Templates for Web Projects.

Visual Studio Express 2012 for Web includes many features to help you create and manage websites and web application projects. Additional features include the following:

  • Multi-targeting   You can target a web application to a specific version of the .NET Framework. By default, Visual Studio Express 2012 for Web targets the current version of the .NET Framework. The multitargeting feature helps make sure that applications use only the functionality that is available in a specified version of the .NET Framework. In addition, the multitargeting feature lets you deploy older applications without requiring you to add a .NET Framework version in the deployment package.

  • IntelliSense   IntelliSense offers context-appropriate code choices as you type, including properties, functions, and objects. IntelliSense enables you to keep your coding context, find the information that you need, and insert language elements directly into your code.

  • Debugging   You can test pages by using the integrated debugger, which enables you to find errors in your code. You can also turn on trace, which displays useful debugging information in each page. For more information, see ASP.NET Debugging Overview.

  • Individualizing Webpages   You can create user profiles, which enable you to store user-specific settings that you can use to customize pages for each user. For more information, see ASP.NET Profile Properties Overview.

  • Managing state   The state management capabilities of Visual Studio Express 2012 for Web enable you to store information between page requests, such as customer information or the contents of a shopping cart. You can save and manage application-specific, session-specific, page-specific, user-specific, and developer-defined information.

  • Globalization   You can configure your pages to automatically read text from a resource file that is matched to the user's preferred language and locale. For more information, see ASP.NET Globalization and Localization.

  • Deployment   You can publish websites to test servers or production servers by using a variety of tools. For more information, see Web Deployment Content Map for Visual Studio and ASP.NET.

msdn.microsoft.com

Visual Studio | Свойства проектов Web Application

199

Программы --- Visual Studio --- Свойства проектов Web Application

Из-за уникальных требований, предъявляемых к веб-приложениям, для свойств проектов, имеющих тип Web Application для платформы ASP.NET, в системе Visual Studio 2013 предусмотрены четыре дополнительные закладки. Эти закладки управляют способами запуска веб-приложений из системы Visual Studio, а также вариантами упаковки и развертывания.

Закладка Web

Закладка Web, показанная на рисунке ниже, управляет тем, как запускать из системы Visual Studio проекты, имеющие тип Web Application. Система Visual Studio имеет встроенный веб-сервер, предназначенный для осуществления процессов развертывания. Закладка Web позволяет разработчикам задавать конфигурацию порта и виртуальный путь для веб-сервера. Кроме того, на этой закладке можно включить схему аутентификации NTLM.

Команды Edit и Continue позволяют редактировать файлы выделенного кода (code-behind class files) и самостоятельные файлы классов в ходе сессии отладки. Редактирование кода HTML на страницах .aspx или .ascx допускается независимо от этой установки; тем не менее редактирование встроенного кода на странице .aspx или в файле .ascx не разрешается никогда.

Закладка Silverlight Applications

Закладка Silverlight Applications обеспечивает простой способ установить связь с проектом типа Silverlight и сделать его главным в веб-приложении для платформы ASP.NET. Добавляя приложение типа Silverlight в проект типа Web Application, разработчик может выбрать существующий проект типа Silverlight, если он существует в текущем решении, или создать новый, как показано на рисунке ниже:

Диалоговое окно позволяет разработчику выбрать место и язык нового проекта, а также настройки, регламентирующие включение приложения типа Silverlight в текущее веб-приложение.

Если при добавлении нового приложения типа Silverlight разработчик выберет настройки, заданные по умолчанию, то система Visual Studio создаст ссылку на новый проект и сгенерирует три файла в веб-приложении: статическую HTML-страницу, веб-форму ASP.NET и файл JavaScript, описывающий логику загрузки приложений типа Silverlight и инсталлирующий по необходимости рабочий модуль.

Закладка Package/Publish Web

Развертывание приложений всегда ставило разработчиков перед трудным выбором, особенно, если речь шла о сложных веб-приложениях. Типичное веб-приложение содержит не только большое количество исходных файлов и сборок, но и изображения, стилевые схемы и файлы JavaScript. Для того чтобы еще больше усложнить ситуацию, можно сделать их зависимыми от конкретной конфигурации веб-сервера из набора IIS (Internet Information Server).

Система Visual Studio 2013 упрощает этот процесс, разрешая разработчику упаковывать проект типа Web Application вместе с необходимыми файлами project и настройками в отдельный сжатый файл (.zip). На рисунке ниже показаны настройки упаковки и развертывания, доступные для приложении типа Web Application на платформе ASP.NET.

Закладка Package/Publish SQL

Все веб-приложения, кроме самых простых, используют какую-нибудь базу данных. Веб-приложения для платформы ASP.NET обычно используют базы данных SQL Server. Упаковка веб-приложений и развертывание функциональных возможностей с помощью системы Visual Studio 2013 включает в себя упаковку одной или нескольких баз данных SQL Server. Как показано на рисунке ниже, при создании пакета разработчик может задать строку для связи с исходной базой данных и позволить системе Visual Studio создавать сценарии SQL только для схемы баз данных или и схемы, и данных. Кроме того, разработчик может создать свои собственные сценарии SQL для выполнения до либо после сценария, сгенерированного автоматически.

Проекты типа Web Site

С функциональной точки зрения проекты типа Web Site довольно сильно отличаются от проектов других типов. Проекты типа Web Site не содержат файлов .csproj или .vbproj, т.е. они имеют множество ограничений, распространяющихся на сборку, ресурсы и управления ссылками. Вместо этого для определения содержания проекта типа Web Site используется структура каталогов. Все файлы в структуре каталогов являются неявной частью проекта.

К преимуществам проектов типа Web Site относится динамическая компиляция, позволяющая редактировать страницы без переделки всего сайта. Файл может быть сохранен и просто повторно загружен в браузер. Это позволяет использовать чрезвычайно короткие программы и циклы отладки. Компания Microsoft впервые внедрила проекты типа Web Site в системе Visual Studio 2005, однако вскоре она получила от пользователей многочисленные просьбы вернуть модель Application Project, которую можно было загрузить дополнительно. К моменту выпуска Service Pack 1 проекты типа Web Application были возвращены в систему Visual Studio в качестве ее собственного типа проекта.

С момента выхода версии Visual Studio 2005 идут непрекращающиеся дебаты о том, что лучше - проекты типа Web Site или типа Web Application. К сожалению, простого ответа не существует. Каждый из них имеет свои преимущества и недостатки, и решение должно быть основано на требованиях разработчика и принятой технологии разработки.

professorweb.ru

Testing Web Pages in Visual Studio

This documentation is archived and is not being maintained.

.NET Framework 4.5

Visual Studio provides you with various ways to test web pages as you are developing them. You have the following choices:

  • Start Debugging (F5).  This option runs the web project in the browser and allows you to perform debugging tasks such as stepping through code and stopping at breakpoints.

  • Start Without Debugging (CTRL+F5).  This option runs the web project in the browser without using the debugger. It approximates the user experience.

  • View in Browser (CTRL+SHIFT+W).  This option runs a selected page in the browser. Debugging breakpoints are not in effect even if debugging is enabled.

By default, Visual Studio uses your default browser to test pages. To use a different browser or Page Inspector, right-click the page in Solution Explorer and then click either Browse With or View in Page Inspector. The Browse With lets you select a browser from a list, add new browsers to the list, or set one as the default browser. (The default browser setting here applies only to the Visual Studio environment and not to Windows.)

By default, Visual Studio builds the web project when you run a page. Building the project helps you find compile-time errors before the page is displayed in the browser. You can set options to specify whether you want to build the entire project, the current page, or not build at all.

For more information, see Building (Compiling) Web Site Projects.

By default, when you run a web project, Visual Studio runs the page that is currently open. However, in some cases you might always want to start your web project with a specific page. For example, your web project might have a home page where users make a selection that is required for other pages in the site or application. In this case, you can configure your web project to display that page first when you test run your application.

To specify a start page, right-click the page in Solution Explorer and then click Set As Start Page.

Note

Setting a start page in Visual Studio affects only your testing. It does not set the start page for the website when it is published. To specify a default page for your website, first use Internet Information Services (IIS) Manager to enable a default document for your website or virtual directory. Then, select the page that you want. For more information, see the topic Configuring Default Documents in IIS 7.

When you run a page, Visual Studio launches the web server, launches the browser, and loads the specified page into the browser. In effect, Visual Studio passes the URL of the current page to the web server, and the web server runs the page that was requested.

The web server that is used to run the page depends on the type of website you are working with:

  • For File system web projects, Visual Studio launches its own web server and runs the page locally. However, you can also specify a start URL to use when testing a web page. This method is useful if you want to test a file system website on another computer with IIS. For more information about the ASP.NET Development Server, see Web Servers in Visual Studio for ASP.NET Web Projects.

  • For local IIS Express, local IIS, and remote IIS sites, Visual Studio runs the page in the corresponding instance of IIS or IIS Express. For more information, see Web Servers in Visual Studio for ASP.NET Web Projects.

  • For FTP-deployed websites, Visual Studio runs the page by using the start URL that you provide as part of the FTP website properties. If you have not provided one, Visual Studio prompts you for the start URL when it is required. For more information, see FTP-Deployed Web Site Projects.

For a remote website or FTP site, the remote computer must be running the same .NET Framework version that you are developing for.

Running your page with the debugger enables you to perform debugging tasks, such as stepping through code and stopping at breakpoints. For more information, see ASP.NET Debugging Overview.

Running with the debugger requires the following:

  • Configure the page or web project to enable debugging. This option compiles the page with extra information (debugging symbols) that the debugger uses. Visual Studio checks to see if debugging is enabled. If it is not, Visual Studio sets the compilation options in the local Web.config file to include debugging, creating the Web.config file if necessary.

  • Configure the web server with adequate permissions to allow the current user account to debug. If you are debugging a page that is running under IIS, you must be an administrator on the computer. If that is not practical, you can use IIS Express or the ASP.NET Development Server to debug applications without special permissions. For details, see Web Servers in Visual Studio for ASP.NET Web Projects and How to: Specify the Web Server for Web Projects in Visual Studio.

Note

Configure your pages or website to run without debugging before you deploy the site to a production server. Debugging options add overhead to the page and can affect server performance.

You can test pages when you are developing web application projects or website projects in Visual Studio.

To test run a web page

When you run a page, Visual Studio invokes the default browser. You can also test a page by using an alternate browser, as described in the following procedure.

To test a web page with an alternate browser

  1. In Solution Explorer, right-click the page you that want to test and then click Browse With.

  2. In the Browse With dialog box, select an alternate browser.

  3. If the browser that you want to use is not listed, click Add, specify the alternate browser program, and then click OK.

    Note

    You can set the alternate browser as the default browser for Visual Studio by clicking Set as Default. This option sets the default browser only for testing web pages in the current website. It does not affect the default browser setting in Windows.

  4. When you have selected a browser, click Browse.

Visual Studio can build the current page or the entire website when you run a page. Building helps you find compile-time errors before the page appears in the browser. You can set options to specify whether you want to build the entire site, the current page, or not build at all.

To specify build behavior when running a page in a website project

  1. In Solution Explorer, right-click the name of the website that you want to run, and then click Property Pages.

  2. Click the Build tab.

  3. In the Before running the startup page list, select the build option that you want before running pages.

If you have configured the website to build before running a page, you can further specify what happens if the page or website has errors.

To specify run behavior if build errors occur in a website or Web application project

  1. On the Tools menu, click Options.

  2. Select the Show all settings check box if it is not already selected.

  3. Expand the Projects and Solutions node, and then click Build and Run.

  4. Under On Run, when build or deployment errors occur, select the option for behavior that you want if the build process encounters an error.

When you use Start Debugging or Start Without Debugging to run a web project, Visual Studio runs the page that currently has the focus. However, you can set a start page to have your website or Web application always begin with the same page. If you set a start page, the Start Debugging or Start Without Debugging commands always run the page that you set, not the current page.

Setting a start page in Visual Studio affects only your testing. It does not set the start page for the web project when it is published. To specify a default start page for a website, use Internet Information Services (IIS) to enable a default document and specify the page. For more information, see Configuring Default Documents in IIS 7.

Note

If you are working with a website for ASP.NET Web Pages (.cshtml files), use the procedure for website projects.

To specify a start page for testing a web application project in Visual Studio

  1. In Solution Explorer, under the Web application name, double-click the Properties folder.

    -or-

    In Solution Explorer, right click the Web application name, and then from the shortcut menu, choose Properties.

  2. On the Web tab, in the Start Action section, choose Specific Page.

  3. Type the name of the file of the start page.

-or-

  • In Solution Explorer, right-click the page that you want to specify as the start page, and then click Set As Start Page.

To specify a start page for testing a website project in Visual Studio

  1. In Solution Explorer, right-click the name of the website for which you want to specify the start page, and then click Property Pages.

  2. In the Start Options tab, select the Specific page check box and then type or browse to the name of the start page.

-or-

  • In Solution Explorer, right-click the page that you want to specify as the start page, and then click Set As Start Page .

msdn.microsoft.com

Веб-серверы в Visual Studio для веб-проектов ASP.NET

Эта документация перемещена в архив и не поддерживается.

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

В следующей таблице приводятся сводные рекомендации по выбору веб-сервера в Visual Web Developer.

веб-сервер

Условия использования

IIS Express

IIS Express является веб-сервером по умолчанию для проектов веб-приложений в Visual Studio 2012 и Visual Studio 2013. Его рекомендуется использовать как для проектов веб-приложений, так и для проектов веб-сайтов.

Локальный веб-сервер IIS

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

Можно использовать службы IIS с проектами веб-приложений, но не с проектами веб-сайтов.

Внешний узел

Можно указать URL-адрес внешнего узла, который будет использоваться для тестирования. Дополнительные сведения см. в разделе . Преимущества использования внешнего узла в качестве сервера разработки для Visual Studio далее в этом разделе.

Пользовательский веб-сервер

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

IIS Express предназначен для эмуляции служб IIS, но небольшие отличия между IIS Express и полной версией служб IIS могут привести к ошибкам, которые проявятся только после развертывания веб-сайта в рабочей версии служб IIS. Дополнительные сведения см. в разделе . Недостатки использования IIS Express далее в этом разделе. При использовании IIS Express перед развертыванием приложения на действующем сайте его рекомендуется протестировать на промежуточном сервере, на котором установлена целевая версия служб IIS.

По умолчанию в Visual Studio 2012 и Visual Studio 2013 используется IIS Express. Дополнительные сведения о указании одного из альтернативных веб-серверов см. в разделе How to: Specify the Web Server for Web Projects in Visual Studio.

Сервер IIS Express имеет многие функции веб-сервера IIS 7 и IIS 8, для использования которых не требуется устанавливать на компьютер службы IIS и управлять ими. Поскольку сервер IIS Express похож на сервер IIS 7 и IIS 8, то по сравнению с использованием других веб-серверов при его применении переводить веб-сайты на сервер IIS проще.

Сервер IIS Express реализует следующие возможности:

  • Он поддерживает ту же модель расширения и параметры файла Web.config, что и службы IIS 7 и IIS 8.

  • не требует изменения кода веб-приложения;

  • Его можно установить параллельно на одном компьютере с полной версией служб IIS и другими веб-серверами. Для каждого проекта можно выбирать свой веб-сервер.

В корпоративных средах сервер IIS Express реализует следующие возможности:

  • он не требует учетной записи администратора для запуска и отладки приложений;

  • он не обслуживает запросы к браузеру на другом компьютере, что упрощает утверждение в корпоративных средах;

  • Его можно установит в версиях Windows, которые не поддерживают IIS 7 или IIS 8.

Совет

Хотя сервер IIS Express является производным от IIS и поддерживает все базовые функции IIS, между этими серверами имеются некоторые различия. Дополнительные сведения см. в разделе . Обзор IIS Express и Недостатки использования IIS Express далее в этом разделе.

IIS Express устанавливается автоматически при установке Visual Studio 2012 и Visual Studio 2013. Если необходимо выполнить установку IIS Express в Visual Studio 2010 (с пакетом обновления 1 (SP1)), можно воспользоваться установщиком веб-платформы Майкрософт.

Установка IIS Express

  1. В браузере перейдите на страницу установки веб-сайта Microsoft.com/.

  2. Загрузите установщик и следуйте инструкциям, чтобы завершить установку.

Сервер IIS Express запускается автоматически при запуске проекта в Visual Studio и останавливается при закрытии проекта веб-сайта или веб-приложения в Visual Studio. При выполнении служб IIS Express отображается значок в панели задач, как показано на следующем рисунке.

В следующей таблице перечислены типичные задачи, связанные с IIS Express, и даны инструкции по их выполнению.

Задача

Шаги

Отображение списка всех сайтов, работающих на сервере IIS Express

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

Просмотр расположения каталога веб-сайта, путей конфигурации и версии .NET Framework

Выберите веб-сайт в окне IIS Express. Необходимые сведения будут показаны под списком веб-сайтов.

Остановка IIS Express

Щелкните значок в области уведомлений правой кнопкой мыши и выберите команду Выход.

Примечание

В большинстве случаев нет необходимости вручную завершать работу IIS Express. Однако в случае использования SQL Server Express может потребоваться остановка работы IIS Express вручную для обращения к MDF-файлам SQL Server Express (например, из SQL Server Management Studio).

При создании нового проекта веб-сайта или веб-приложения на основе файлов для этого проекта выбирается случайный порт. Например, если тестируется страница с именем ExamplePage.aspx, при запуске этой страницы на сервере IIS Express URL-адрес страницы может быть следующим:

http://localhost:31544/ExamplePage.aspx

Чтобы запустить проект IIS Express на определенном порту, можно соответствующим образом настроить сервер. Это можно сделать в следующих случаях:

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

  • проект содержит ссылку на клиентский проект или веб-службу, связанную с определенным портом;

  • Код в проекте прослушивает определенный порт, и требуется протестировать приложение, используя IIS Express.

Если код ссылается на ресурсы корневого уровня, например файлы CSS и JavaScript, без указания, что они находятся на корневом уровне проекта, приложение может работать правильно при тестировании в Visual Studio, но с ошибками после его развертывания в IIS в производственной среде. В зависимости от того, каким образом настроены службы IIS, может произойти ошибка в производственной среде, так как службы IIS могут искать ресурсы корневого уровня в корневой папке веб-сайта IIS. Например, при создании нового проекта MVC в Visual Studio эта строка кода находится в файле Views\Shared\_Layout.cshtmll:

@Styles.Render("~/Content/css")

Тильда (~) указывает, что этот ресурс находится на корневом уровне приложения. Если удалить тильду и запустить приложение в Visual Studio с сервером IIS Express, то никаких изменений во внешнем виде приложения заметно не будет.

Однако при развертывании в IIS (или если в качестве веб-сервера разработки в Visual Studio выбран сервер IIS) обнаружится, что стили CSS отсутствуют, поскольку IIS не удается найти ресурс.

Важным различием между серверами разработки в Visual Studio и IIS является контекст безопасности, в котором серверы запускают страницы ASP.NET. Этот различие может быть источником проблем при развертывании веб-сайта или веб-приложения на сервере IIS.

При запуске страницы с использованием IIS Express страница выполняется в контексте текущей учетной записи пользователя. Например, при запуске от лица пользователя с правами администратора страница, работающая на сервере IIS Express, будет иметь права уровня администратора. В то же время на сервере IIS 7 и IIS 8 страницы ASP.NET по умолчанию запускаются под учетной записью с ограниченными правами. Дополнительные сведения см. в разделе . Удостоверения пула приложений в службах IIS. net.

При простом чтении и запуске кода на страницах ASP.NET это различие не очень важно. Однако различия в контекстах безопасности для двух веб-серверов могут повлиять на тестирование несколькими способами:

  • Доступ к базам данных. При работе с IIS Express для доступа к SQL Server обычно используют встроенную проверку подлинности Windows. Однако если одна и та же страница работает на сервере IIS, страница будет выполняться в контексте удостоверения пула приложений. Можно вместо этого использовать либо проверку подлинности SQL Server, либо добавить удостоверение пула приложений, в котором запущена страница, в качестве имени входа SQL Server. Дополнительные сведения см. в разделе . Accessing SQL Server from a Web Application, ASP.NET Security Architecture и Удостоверения пула приложений.

  • Управлением доступом для кода. Если страница работает со средним уровнем доверия (как того требуют большинство поставщиков услуг веб-хостинга), она может выполняться на сервере в Visual Studio не так, как на сервере IIS.

  • Доступ к другим ресурсам, необходимым для страницы. Сюда может относиться чтение и запись файлов, отличных от веб-страниц, чтение и запись в системный реестр Windows и т. д.

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

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

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

Кроме того, удаленный веб-сервер может быть запущен как служба, поэтому при тестировании приложения скорость реакции может быть быстрее, так как веб-сайт будет уже запущен. И наоборот, IIS Express необходимо будет перезапускать при каждом нажатии клавиши F5 для отладки приложения.

Так как веб-сервер является удаленным, настройка процесса отладки для эмуляции локального веб-сервера может вызывать затруднения. Например, на удаленном веб-сервере могут быть настроены параметры проверки подлинности, не позволяющие Visual Studio подключаться к веб-приложению в качестве отладчика, поэтому если вы добавите в код оператор Debugger.Break(), то, когда выполнение дойдет до этого оператора, появится сообщение HTTP 401, «Отказано в доступе».

Visual Studio 2013 позволяет разработчикам добавлять пользовательские веб-серверы в проекты, которые будут показаны в раскрывающемся меню Visual Studio вместе со встроенными веб-серверами. Дополнительные сведения о настройке пользовательских веб-серверов см. в статье http://go.microsoft.com/fwlink/?LinkID=324006.

В качестве рабочего веб-сервера для операционных систем Майкрософт используются службы IIS, которые могут включать веб-сервер, FTP-сервер, виртуальный почтовый сервер SMTP и другие компоненты. Для запуска IIS необходимо работать с одной из версий Windows, перечисленных в следующей таблице.

Версия Windows

Версия IIS

Windows Server 2012 R2

Windows 8,1

IIS 8,5

Windows Server 2012

Windows 8

IIS 8,0

Windows Server 2008 R2

Windows 7 (домашняя расширенная, профессиональная, корпоративная и максимальная)

IIS 7,5

Windows Server 2008

Windows Vista (Home Premium, Business, Enterprise и Ultimate)

IIS 7.0

Windows Server 2003

Windows XP Professional x64

IIS 6,0

Windows XP Professional x32

IIS 5,1

Важно

Не рекомендуется использовать эту версию IIS. По возможности используйте IIS Express. Дополнительные сведения см. в разделе . Недостатки использования IIS Express ранее в этом разделе.

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

Использование IIS в качестве сервера разработки может требовать выполнения дополнительных задач по настройке для работы с Visual Studio по сравнению с сервером IIS Express, например следующих:

  • в Windows должны быть включены службы IIS и ASP.NET, а служба ASP.NET должна быть зарегистрирована в Windows. (Регистрация представляет собой отдельный шаг, если службы IIS включались после установки .NET Framework. Дополнительные сведения см. в разделе . ASP.NET IIS Registration Tool (Aspnet_regiis.exe).)

  • для работы с IIS среду Visual Studio необходимо запускать от имени администратора;

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

  • корпоративная политика не позволяет включать на компьютерах разработчиков серверные роли, например роль IIS;

  • корпоративная политика не позволяет разработчикам иметь учетные записи администраторов на сервере IIS;

  • разработка веб-страниц ASP.NET ведется в операционной системе Windows, выпуск Home Edition, которая не поддерживает службы IIS;

  • размещение веб-сервера на компьютере (например, в домашней сети) нежелательно по соображениям безопасности.

  • Ваш веб-проект использует базу данных SQL Server Express LocalDB. Дополнительные сведения см. в разделе . Использование LocalDB с полной версией IIS в блоге SQL Server Express.

В этом случае можно использовать IIS Express.

Другие ресурсы

msdn.microsoft.com

Обзор расширений Visual Studio для веб-разработчиков / Блог компании Microsoft / Хабрахабр

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

Web Essentials

Сайт: http://vswebessentials.com Загрузить: Web Essentials в галерее VS

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

SideWaffle

Сайт: http://sidewaffle.com Загрузить: SideWaffle в галерее VS

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

File Nesting

Загрузить: File Nesting в галерее VS

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

JSON Schema Generator

Загрузить: JSON Schema Generator в галерее VS

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

WebJobsVS

Загрузить: WebJobsVS в галерее VS

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

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

Загрузить: SlowCheetah в галерее VS

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

GruntLauncher

Загрузить: GruntLauncher в галерее VS

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

Mexedge Stylesheet Extension

Загрузить: Mexedge в галерее VS

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

PHP Tools for Visual Studio

Сайт: http://www.devsense.com/products/php-tools/ Загрузить: PHP Tools в галерее VS

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

Cobisi Routing Assistant

Сайт: http://cobisi.com/routing-assistant Загрузить: Routing Assistant in the VS Gallery

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

CssCop – FxCop for Stylesheets

Загрузить: CssCop in the VS Gallery

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

Node.js Tools for Visual Studio

Загрузить: NTVS на CodePlex

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

Chutzpah Test Adapter

Загрузить: Chutzpah в галерее VS

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

Lua Test Adapter

Загрузить: Lua Test Adapter в галерее VS

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

Дополнительные ссылки

habrahabr.ru

Visual Studio extensions for web developers

This year at the //build/ conference I gave a session on Visual Studio Web Tools and Web Essentials. It’s now online on Channel 9 in case you want to watch it.

I was using a few extensions that are great for any web developer using Visual Studio 2013. I’ve compiled the list of extensions here and added a few additional ones that are really useful as well.

Web Essentials

This is the ASP.NET and Web Tools team’s official unofficial playground – owned and driven by the open source community. It adds a huge number of features relevant for web developers, such as LESS/Sass/CoffeeScript compilers, code linters, additional Intellisense for JavaScript/CSS/HTML/JSON, validators, image sprite creation and a lot more.

Website: http://vswebessentials.com Download: Web Essentials in the VS Gallery

SideWaffle

A delicious side dish for Visual Studio. This is an awesome template pack containing both Project Templates, Item Templates and Snippets for a wide variety of scenarios. From building Angular.js apps, Nancy FX projects, Browser Link and Chrome extensions and a lot more.

Website: http://sidewaffle.com Download: SideWaffle in the VS Gallery

File Nesting

This extension let’s you manually nest and unnest files in Solution Explorer. It also has an option for doing the nesting automatically based on file naming conventions. This is great for nesting *.min.js and other related files under parent files.

Download: File Nesting in the VS Gallery

JSON Schema Generator

Visual Studio 2013 will provide full Intellisense and tooltips for any JSON file that is associated with a schema. This extension lets you right-click directly on a JSON file in Solution Explorer and generate a schema file based on the source JSON file.

Download: JSON Schema Generator in the VS Gallery

Here are some additional extensions that might be of interest to you as well.

WebJobsVS

In the Day 2 Keynote I showed how to create a C# console application project and use it as an Azure Webjob. To associate the console application with my web application, I used this extension. It was developed by folks working in the Azure team.

Download: WebJobsVS in the VS Gallery

SlowCheetah – XML transforms

A great extension that enables you to transform your app.config or any other XML file based on the build configuration. Basically, this extension enables scenarios for XML transforms that are currently only available for web.config files.

Download: SlowCheetah in the VS Gallery

GruntLauncher

If you’re working with Grunt, Gulp, NPM or Bower, then this extension is for you. It allows you to easily run Grunt/Gulp tasks directly from Solution Explorer as well as update Bower components.

Download: GruntLauncher in the VS Gallery

Mexedge Stylesheet Extension

This is a beautiful extension that provides CSS document outline directly inside Solution Explorer. Not only does it look great, it also gives a very convenient overview over media queries, selectors and rule sets. This is a must-have for any web developer working with CSS.

Download: Mexedge in the VS Gallery

PHP Tools for Visual Studio

In my live Channel 9 interview we talked briefly about this excellent extension for PHP development. This gives you PHP Intellisense, debugging, code navigation and a lot more inside Visual Studio. A must-have for PHP developers that want the awesome power of Visual Studio.

Website: http://www.devsense.com/products/php-tools/ Download: PHP Tools in the VS Gallery

Cobisi Routing Assistant

This is a great extension for visualizing your ASP.NET routing table and to find what URLs map to what routes. It makes it easier to diagnose routing issues and even provides some great editor tooling features as well.

Website: http://cobisi.com/routing-assistant Download: Routing Assistant in the VS Gallery

CssCop – FxCop for Stylesheets

If you’re getting serious with CSS, then this extension is going to help you out. It runs CssLint inside Visual Studio to give you error messages that makes it easy to fix any rule violations.

Download: CssCop in the VS Gallery

Node.js Tools for Visual Studio

NTVS is a free, open source plugin that turns Visual Studio into a Node.js IDE. And it does a superb job at that. This gives you the power of Visual Studio for any Node.js development.

Download: NTVS on CodePlex

Chutzpah Test Adapter

A great extension for JavaScript unit testing. Chutzpah supports Jasmine, QUnit and Mocha tests inside Visual Studio and works from both the command line as well as inside VS.

Download: Chutzpah in the VS Gallery

Lua Test Adapter

If you’re using Lua for your JavaScript unit tests, then this extension will integrate it directly into the Test Explorer in Visual Studio. It makes it really easy to execute tests all at once every time you build the project.

Download: Lua Test Adapter in the VS Gallery

Did I forget any extensions? Let me know in the comments below.

madskristensen.net


Смотрите также