今天在写JS时,写到500多行时,感觉代码已经很难看了。想到C#代码都有折叠功能,是不是JS也有呢。在选项中找了一下,没有相关了的设置功能,于是就上网找。一找可就不得了,发现了好多好用的插件。都可以在Visual Studio 的MSDN上找到。网址为:http://visualstudiogallery.msdn.microsoft.com/

插件有的是免费,有的是试用,有的是付费的。安装插件很简单,下载后双击安装就是了,和EXE安装一样。

网站上把插件分为三大类:工具、控制和模版。当然我们这里主要讲的是工具。所谓工具是指可有可无的,工具只是一个辅助手段,有可能可以提高开发效率,没有也不会有重大影响。下面介绍一些JS常用的插件,找相应的插件除了可以按类别找,还可以“标记”找。如找刚才的JS折叠代码插件,先Categories选“Web”,然后Tags选“Javascript”,在第一页就可以看到“JSEnhancements”看看介绍,就是它了

Javascript(for free)

1、JSEnhancements:折叠JS和CSS代码

2、Chutzpah-A Javascript Test Runner:JS单元测试工具

3、Wijmo Open:一个采用JQueryUI构建的控件集,包含常用的日历控件、对话框、表单、列表和菜单等等,效果很炫

4、JScript Editor Extensions:高亮显示当前光标下匹配的所有词,匹配大括号,中括号和小括号等

5、UnitTest:一个轻量级、高效、跨浏览器的JS单元测试工具

6、JSLint.VS2010:一个JS语法检查插件

7、Visual Studion 2010 JavaScript Outlining:JS折叠代码工具,当鼠标移动到折叠部分将显示其中的代码,和后台cs代码差不多

8、Javascript parser:JS代码分析器,对JS代码进行解析,利用树状展开菜单模式,呈现JS的结构,一目了然


下面重点说下Javascript parser:

Javascript parser,大致就是把文件中的js方法用树形结构呈现出来,可以通过双击定位到您要找的方法中去,无比好用!

我喜欢的功能:
1、当前文档中所有JS函数的树状列表,并且当鼠标悬停于列表中的函数时,显示函数中的注释说明。
2、在调试模式下显示动态注册的脚本的函数,比如页面上使用了验证控件,可以显示验证控件在运行时添加的那些函数。
3、当函数以骆驼命名法命名时,通过键入每词首字快速查找函数
4、显示函数中的//TODO注释。


PS:安装后要在视图--其它窗口里面把她点出来用。

更多相关文章

  1. JavaScript 最佳实践:帮你提升代码质量
  2. 在javascript中调用带有双参数()的函数
  3. 利用javascript实现遍历xml文件的代码实例
  4. Objective-C方法/函数调用。 (来自javascript示例)
  5. Javascript函数的4种调用方法详解
  6. JavaScript(ES5)使用保留字作函数名
  7. 将JavaScript函数的值插入SQL Server数据库
  8. javascript 的MD5代码备份,跟java互通
  9. 轮播图---可以动态添加图片,(封装成一个函数)

随机推荐

  1. android按键定义
  2. Android应用程序生命同期
  3. Android存储数据到本地文件
  4. android的service中在后台弹出提示框
  5. android中去掉EditText的自动焦点获取
  6. 默认不弹出输入面板
  7. 更新android studio gradle 不成功解决方
  8. 一个简单的Android 自定义view,实现手指
  9. android中处理各种触摸事件
  10. build WebRTC for android