Visual Studio HTML设计器在哪里？

94

Visual Studio HTML设计器在哪里？我看到HTML设计器有一些选项，但是我无法打开它。

所以我只想问为什么找不到设计师以及如何打开设计师。当我创建一个HTML文件时，它只是转到HTML代码。

html visual-studio ide

— 清扫器
source

203

默认的HTML编辑器（用于静态HTML）没有设计视图。要将默认编辑器设置为具有设计视图的Web表单编辑器，

在Visual Studio的解决方案资源管理器中右键单击任何HTML文件，然后单击 Open with
选择 HTML (web forms) editor
点击 Set as default
点击OK按钮

完成此操作后，只需单击design或split查看，如下所示：

— 分贝零
source

1

帮我解决这个问题对我不起作用，我的意思是我遵循了步骤，但是我没有在底部找到“设计”或“拆分”的选项。只有一个-来源！

— erotavlas

2

您还必须在Visual Studio的解决方案资源管理器中执行此操作，而不是在文件资源管理器（Windows）中执行此操作。对于我的一个客户，我们必须创建一个空白的项目，创建一个空白HTML文件，然后我们就可以右键单击它才能看到正确的开放与菜单

— 山姆

3

我只是将Web表单编辑器设置为Default，但是如果在执行此操作后尝试在解决方案中打开现有的CSHTML或HTML页面，则页面全部为空白，并且仍然没有Design | 拆分| 底部的“源”选项卡。如果我使用“添加”将html或cshtml文件添加到项目中，也会发生这种情况。如果仅使用“新建”->“文件”菜单来创建HTML文件，则“设计| 胶水| 源选项卡显示在底部。这是什么IDE的疯狂？

— 达伦·埃文斯

1

@DarrenEvans cshtml文件与编辑器不兼容（将其重命名为html不会改变这种情况）。

— Anthony Nichols

3

Visual Studio 2017似乎忽略了这一点。它仅显示“源”。

— Nicke Manarin '17

30

将默认设置设置为HTML Web表单编辑器的另一种方法是：

在Visual Studio中的顶部菜单去File> New>File
选择 HTML Page
在“新建文件”对话框的右下角，该Open按钮上有一个向下箭头
单击它，您应该看到一个选项 Open With
选择 HTML (Web Forms) Editor
请点击 Set as Default
按 OK

该屏幕快照显示了在创建新文件时如何进入“打开方式”对话框。

— 苍蝇
source

不要为新文件（VS 2015）获得“打开方式”，但可以创建它，然后在“解决方案资源管理器”窗口中，右键单击并选择，Open With...然后HTML (Web Forms) Editor像以前一样。

— kjhf

新VS2015版本中也有@kjhf“打开方式” 。它已略微移至下方。您会在File Dialog

— nam

@cflyer感谢您分享您的解决方案-特别是一步一步地描述它和一个场景。它帮助了我。

— 南

7

转到[工具，选项]的“ Web窗体设计器”部分，然后启用选项“启用Web窗体设计器”。这应该再次为您提供“设计和拆分”选项。

对我来说，此选项已启用，但没有使其他编辑视图可用。

— JohnC '17年

谢谢-这也是“垂直拆分视图”选项所在的位置。需要重启才能生效。

— UweBaemayr

4

使用HTML（Web表单）设计器创建新HTML文件的解决方案适用于该文件，但不适用于我要编辑的其他单个HTML文件。

我确实在“打开文件”对话框中找到了“打开方式”选项，并且能够在其中选择HTML（Web窗体）编辑器。在该窗口中单击“设置为默认”选项后，VS记得在打开其他HTML文件时使用该编辑器。

— 蒂姆·史密斯·阿德沃尔夫
source