首页 > Web开发 > 详细

不错的VS2010扩展——JSEnhancements,让js和css也折叠

时间:2016-01-28 20:58:12      阅读:206      评论:0      收藏:0      [点我收藏+]

在Visaul Studio 2010中写js或css代码,缺少像写C#代码时的那种折叠功能,当代码比较多时,就很不方便。

今天发现,已经有VS2010扩展支持这个功能,它就是——JSEnhancements(下载地址)。

用了一下,感觉不错,定义region,只需将#region写在注释中即可。请看下面的演示:

先看JavaScript

未使用JSEnhancements的情况:

技术分享

1. 使用JSEnhancements之后(未定义region):

折起

技术分享

展开

技术分享

2. 使用JSEnhancements之后(定义了region):

折起

技术分享

展开

技术分享

再来看看CSS

全部折起

技术分享

展开region

技术分享

全部展开

技术分享

其他针对JavaScript的VS2010扩展:

(http://www.cnblogs.com/dudu/archive/2011/02/27/vs2010_extension_JSEnhancements.html)

 

 

 

------------------------------------------------------

VS2010默认的JavaScript代码编辑器相对简单。对于大家熟悉的代码折叠,代码结构、函数导航,代码高亮等都不支持,使用很不便。下面介绍下我发现的几个VS2010插件,具有哪些功能,如何安装和使用。

 

方法/步骤

  1.  

    先看看VS2010自带的JavaScript编辑器界面。代码折叠木有,代码结构、函数导航木有,代码高亮木有。

    技术分享
  2.  

    接下来我们要去安装JavaScript的插件了,去哪找呢?在这里,VS菜单选择工具-》扩展管理器。

    技术分享
  3.  

    打开扩展管理器后,这时我们还未安装过任何插件,在右上角的搜索框录入需要查找的插件名称,执行搜索。

    技术分享
  4.  

    搜索到插件后,点击右侧的下载按钮。这时会弹出一个确认窗口,确认执行安装即可。

  5.  

    安装结束后,会提示需要重新启动VS2010,插件才会生效。如果只安装一个插件,那就直接重启,如果还要安装其他插件,就继续搜索。重复3,4两步。

    技术分享
  6.  

    推荐几个比较好用的插件:

    1、Javascript parser: JS代码分析器,解析JS代码,生产树状菜单,显示代码结构,并且能够直接跳转到指定的函数,甚至函数内部的代码分支。

    2、JSEnhancements: 支持JS和CSS的代码折叠工具。

    3、JScript Editor Extensions: 高亮显示单词,匹配括号等

  7.  

    Javascript parser安装完成后,需要在菜单中选择视图-》其他窗口-》Javascript parser,才能打开代码导航窗口。导航窗口如下图所示。

  8.  

    如果需要删除或者禁用插件,可以在扩展管理器中进行管理

    技术分享
  9.  

    插件库里的插件很多,大家可以自己去挖掘更好的插件:)

     

    (http://jingyan.baidu.com/article/ea24bc39be5ad8da62b3312b.html)

     

不错的VS2010扩展——JSEnhancements,让js和css也折叠

原文:http://www.cnblogs.com/spring2007/p/5167359.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!