在 Visual Studio 中创建 HTML 自定义代码片段
1. 创建一个新的 .xml 文件
2. 使用以下 sn-p 模板:
<CodeSnippet Format="1.1.0" xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
<!-- HTML Anchor Snippet -->
<Header>
<Title>P</Title>
<Author>Microsoft Corporation</Author>
<Shortcut>P</Shortcut>
<Description>Markup snippet for a Paragraph</Description>
<SnippetTypes>
<SnippetType>Expansion</SnippetType>
<SnippetType>SurroundsWith</SnippetType>
</SnippetTypes>
</Header>
<Snippet>
<Declarations>
<Literal>
<ID>Paragraph</ID>
<ToolTip>Paragraph</ToolTip>
<Default>p</Default>
</Literal>
<Literal>
<ID>selected</ID>
<ToolTip>content</ToolTip>
<Default>content</Default>
</Literal>
</Declarations>
<Code Language="html"><![CDATA[<p>$selected$</p>$end$]]></Code>
</Snippet>
</CodeSnippet>
3. 为您的 sn-p 命名,然后使用 (YourFileName.sn-p) 扩展名save-it-as
将 sn-p 添加到 Visual Studio
1. 使用代码片段管理器:转到:工具/代码片段管理器/
2. 从 DropDown 列表中选择 HTML,然后通过 DoubleClick 打开 HTML 文件夹
4.点击导入按钮,浏览到你的新.sn-p 文件
使用您的自定义片段
1.在文本编辑器中选择一些文本。
2. 使用 CTRL+K CTRL+X 的组合打开 Insert Snippet 对话窗口
3. 从您之前保存 .snipped 文件的下拉列表中选择 HTML
4.
从列表中选择您的自定义 sn-p。例如,它现在应该使用 标记来包装您的文本
★ 再次按照上述步骤创建新片段。
☀Read More about custom snippets
☕ 提示(就像 Sublime 文本编辑器内置功能一样)
您可以像这样在几秒钟内创建一个 Lorem Ipsum 自定义 sn-p:
<CodeSnippet Format="1.1.0" xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
<!-- HTML Anchor Snippet -->
<Header>
<Title>LoremIpsum</Title>
<Author>Microsoft Corporation</Author>
<Shortcut>Lorem</Shortcut>
<Description>Markup snippet for a Lorem Ipsum</Description>
<SnippetTypes>
<SnippetType>Expansion</SnippetType>
<SnippetType>SurroundsWith</SnippetType>
</SnippetTypes>
</Header>
<Snippet>
<Declarations>
<Literal>
<ID>Lorem</ID>
<ToolTip>LoremIpsum</ToolTip>
<Default>Lorem</Default>
</Literal>
<Literal>
<ID>selected</ID>
<ToolTip>content</ToolTip>
<Default>content</Default>
</Literal>
</Declarations>
<Code Language="html"><![CDATA[$selected$Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus blandit nunc eget consectetur aliquet. Vivamus feugiat ipsum ex, eget egestas erat condimentum eget. Suspendisse luctus velit ac purus venenatis imperdiet sed vel mauris. Ut tempus risus elit, eget molestie purus hendrerit a. Curabitur ac urna posuere, lacinia neque quis, facilisis libero. Cras viverra tellus eu lacus hendrerit, in auctor neque sodales. Pellentesque et finibus lectus. Vestibulum pulvinar, lorem in dignissim fermentum, nunc ipsum luctus arcu, non malesuada nisi sem nec libero. Integer eget arcu interdum, elementum lacus et, ornare arcu. Phasellus quis nulla non enim porta ornare non eget ex. Mauris at purus sed ipsum congue facilisis. Donec tempor, eros ac posuere tempus, velit sapien faucibus augue, vitae convallis augue nulla ut felis. Nunc sapien libero, dictum non finibus nec, rutrum at odio. Nulla facilisi. $end$]]></Code>
</Snippet>
</CodeSnippet>
☕提示
您可以通过提供 language="" 属性并在 部分
中设置正确的描述来创建几乎任何您想要的代码 sn-p
以下是 JavaScript Alert() 函数 代码 sn-p
的示例
<Code Language="JavaScript"><![CDATA[alert($selected$);$end$]]></Code>