Где находится визуальная студия HTML Designer?


94

Где находится Visual Studio HTML Designer? Я вижу, что есть параметры для HTML-дизайнера, но не могу его открыть. Есть узел параметров HTML Designer!

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

Ответы:


203

Редактор HTML по умолчанию (для статического HTML) не имеет представления дизайна. Чтобы установить в качестве редактора по умолчанию редактор веб-форм, который имеет представление дизайна,

  1. Щелкните правой кнопкой мыши любой файл HTML в обозревателе решений Visual Studio и нажмите Open with
  2. Выберите HTML (web forms) editor
  3. Нажмите на Set as default
  4. Нажмите на OKкнопку

Как только вы это сделаете, все, что вам нужно сделать, это щелкнуть designили splitпросмотреть, как показано ниже:

Снимок экрана, показывающий расположение указанных опций


1
Помогите, это не сработало для меня, я имею в виду, что я выполнил шаги, но у меня нет вариантов внизу для дизайна или разделения. Есть только один - Источник!
erotavlas

2
Вы также должны сделать это в обозревателе решений в Visual Studio, а не в проводнике файлов (Windows). Для одного из моих клиентов нам пришлось создать пустой проект, создать пустой HTML-файл, а затем щелкнуть его правой кнопкой мыши, чтобы увидеть правильное открытое с помощью меню
Сэм,

3
Я только что сделал редактор веб-форм по умолчанию, но если я попытаюсь открыть существующие страницы CSHTML или HTML в моем решении после этого, все страницы будут пустыми, а Design | Сплит | Вкладки источников внизу. Это также происходит, если я использую Добавить, чтобы добавить файл html или cshtml в свой проект. Если я просто использую меню «Создать» -> «Файл» для создания файла HTML, все будет в порядке с Design | Сплит | Вкладки источников отображаются внизу. Что это за безумие IDE?
Даррен Эванс,

1
Файлы cshtml @DarrenEvans несовместимы с редактором (простое переименование их в html не изменит этого).
Энтони Николс

3
Visual Studio 2017, похоже, игнорирует это. Показывает только «Источник».
Ник

30

Другой способ установить значение по умолчанию для редактора веб-форм HTML:

  1. В верхнем меню Visual Studio Fileвыберите New>>File
  2. Выбрать HTML Page
  3. В правом нижнем углу диалога New File на Openкнопке есть стрелка вниз
  4. Щелкните по нему, и вы должны увидеть вариант Open With
  5. Выбрать HTML (Web Forms) Editor
  6. Нажмите Set as Default
  7. Нажмите OK

Снимок экрана, показывающий, как попасть в диалоговое окно «Открыть с помощью» при создании нового файла.


Не получить «Открыть с помощью » для нового файла (VS 2015) , но вы можете создать его, а затем в окне проводника Solution, вы можете щелкнуть правой кнопкой мыши и выберите Open With...то , HTML (Web Forms) Editorкак и прежде.
kjhf 06

@kjhf "Открыть с помощью" есть и в новой VS2015версии. Он переместился немного ниже. Вы увидите его внизуFile Dialog
nam

@cflyer Спасибо за то, что поделились своим решением - специально описав его пошагово вместе со снимком. Мне это помогло.
nam

7

Перейдите в [Инструменты, Параметры], раздел «Конструктор веб-форм» и включите параметр «Включить конструктор веб-форм». Это должно снова дать вам возможность выбора дизайна и разделения.


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

Спасибо - здесь также есть опция «Разделить виды по вертикали». Для вступления в силу требуется перезапуск.
UweBaemayr

4

Решение создания нового HTML-файла с помощью HTML (Web Forms) Designer работало для этого файла, но не для других отдельных HTML-файлов, которые я хотел редактировать.

Я нашел опцию «Открыть с помощью» в диалоговом окне «Открыть файл» и смог выбрать там редактор HTML (веб-форм). Выбрав опцию «Установить по умолчанию» в этом окне, VS затем не забыл использовать этот редактор, когда я открывал другие файлы HTML.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.