• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

让JavaScript像C#一样支持Region

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

  Web Essentials 是非常给力的js插件,具体的介绍,大家请看这里,最锋利的Visual Studio Web开发工具扩展:Web Essentials详解 。

  不过在使用的过程中,让js折叠,需要自己手动输入//#region //#endregion 。

      感觉不太方便,能不能像C#一样,直接选中一段代码,然后用region包裹起来,或者输入region,按个Tab,就自动出来了。

解决方案

  解决问题的方向很重要,在C#里,region是作为代码段存在的。想必,我们编写一个适用于JavaScript的模版就好了。

  经过查找资料,最后编写代码段模版如下:

<?xml version="1.0" encoding="UTF-8"?>
<CodeSnippets xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
  <CodeSnippet Format="1.0.0">
    <Header>
      <Title>#region</Title>
      <Shortcut>region</Shortcut>
      <Description>#region 的代码段</Description>
      <Author>Microsoft Corporation</Author>
      <SnippetTypes>
        <SnippetType>Expansion</SnippetType>
        <SnippetType>SurroundsWith</SnippetType>
      </SnippetTypes>
    </Header>
    <Snippet>
      <Declarations>
        <Literal>
          <ID>name</ID>
          <ToolTip>区域名</ToolTip>
          <Default>MyRegion</Default>
        </Literal>
      </Declarations>
      <Code Language="JavaScript"><![CDATA[//#region $name$

        $selected$ $end$

    //#endregion]]></Code>
    </Snippet>
  </CodeSnippet>
</CodeSnippets>

   先来看看效果图。

操作说明

  下载文件: jsregion.Zip

  文件中,目录层次结构我已经创建完毕,该目录仅仅就包含一个文件,将该目录与VS安装目录合并即可。

  在js里输入region按一下Tab即可生成region区域代码。

  也可以选中一段代码,右键点击外侧代码,选中region包裹选中代码。

    在css中输入region提示add region 点击即可。
    不明白可以再看看图片哦。

  最后,该方案适用于js代码成千上万行的情况,写多了会影响效率,建议发布时压缩一下。

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
C#字符串的拆分发布时间:2022-07-10
下一篇:
C#利用Microsoft.Office.Interop.Excel导出数据到Excel发布时间:2022-07-10
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap