VS扩展来操纵HTML/CSS

Question

我希望增强我的编程经验,我相信我可以通过创建Visual Studio(2012)扩展来实现这一点.我已经开始深入研究MSDN上的文档,但它很密集,我正在研究它.

我有几个问题:

1. 扩展是下面描述的场景的正确方法吗？
2. 如果是这样,任何想法我应该开始挖掘哪个命名空间？
3. 任何圣人智慧/链接RE:"陷阱"或"陷阱"？

安装程序 我有一个HTML块,它在某些元素上有一些内联CSS.我想右键单击元素并将内联代码应用于新的或现有的样式表(CSS).

代码

<div>
    <div class="ui-bar-d ui-bar"  >
        <span class="WBHeaderDetail" style="margin-left: 5px; margin-right: 5px;">
            Name: <em class="WBHeaderDetailValue" style="text-decoration: underline;">@ViewBag.JobName</em>
        </span>
        <span class="WBHeaderDetail" style="margin-left: 5px; margin-right: 5px;">
            Status: <em class="WBHeaderDetailValue" style="text-decoration: underline;">@ViewBag.Status</em>
        </span>
        <a data-role="button" data-theme="b" data-icon="check" data-inline="true" data-mini="true" >Save</a>       
    </div>
</div>

可以说,扩展将公开的操作可以获取对给定元素的引用并检查内联CSS(样式标记),将其从元素中删除,然后将该CSS附加到项目/解决方案中的新样式表或现有样式表.元素是否已具有"类"属性的值可能会影响为此项目选择的供应商.

UPDATE

看到这个:http://www.asp.net/vnext/overview/aspnet/whats-new

智能任务

在"设计"视图中,服务器控件的复杂属性通常具有关联的对话框和向导,以便于设置它们.例如,您可以使用特殊对话框将数据源添加到Repeater控件或将列添加到GridView控件.

但是,在源视图中尚未提供此类复杂属性的UI帮助.因此,Visual Studio 11为源视图引入了智能任务.智能任务是C#和Visual Basic编辑器中常用功能的上下文感知快捷方式.

对于ASP.NET Web窗体控件,当插入点位于元素内时,智能任务在服务器标签上显示为小字形:

我可以将代码放入该对话框吗？

谢谢!

Answer 1

去年我为课堂做了一个小型的 VS 扩展，结果非常好。它与排序、格式化和重新组织 C++ 代码文件有关。这与您想要做的有点不同，但我建议您看一下CodeMaid。它具有数量惊人的功能，而且由于它是开源的，因此当我开发扩展时，源代码确实对我很有帮助。

不幸的是，您正在使用 HTML，而 Visual Studio 仅提供 C# 和少量 C++ 的代码模型（基本 AST）。您不太可能从 Visual Studio 获得有关 HTML 编辑的任何帮助。

所以我会做两件事。首先，看看这些教程。他们将帮助您为扩展创建基础并让您熟悉 API。（您可能需要寻找其他人来增强您的知识，因为 MS 教程并不是最好的。） 其次，完善您的正则表达式。完成您想要的操作的最佳方法可能是自己解析文件并找到内联样式标签的所有实例。然后添加右键菜单项并在需要时找到适当的标签。

但同样，我将从基本教程开始。VS 扩展 API 有点奇怪，因此您可能需要先做一些简单的事情来习惯它。

祝你好运，你会需要它。：p

编辑：我知道这并不能直接回答你的问题，只是提供一些建议。