如何在VS2010中更好的编写JavaScript代码
2017-04-25 15:13
567 查看
VS2010默认的JavaScript代码编辑器相对简单。对于大家熟悉的代码折叠,代码结构、函数导航,代码高亮等都不支持,使用很不便。下面介绍下我发现的几个VS2010插件,具有哪些功能,如何安装和使用。
先看看VS2010自带的JavaScript编辑器界面。代码折叠木有,代码结构、函数导航木有,代码高亮木有。
![](http://f.hiphotos.baidu.com/exp/w=500/sign=cd08dc4dae4bd11304cdb7326aaea488/b21c8701a18b87d622e29321040828381f30fd6f.jpg)
2
接下来我们要去安装JavaScript的插件了,去哪找呢?在这里,VS菜单选择工具-》扩展管理器。
![](http://g.hiphotos.baidu.com/exp/w=500/sign=5e7135272ef5e0feee1889016c6034e5/6609c93d70cf3bc73153f7d2d200baa1cd112ab8.jpg)
3
打开扩展管理器后,这时我们还未安装过任何插件,在右上角的搜索框录入需要查找的插件名称,执行搜索。
![](http://g.hiphotos.baidu.com/exp/w=500/sign=d7447cfe81025aafd3327ecbcbedab8d/86d6277f9e2f07082e6f103eea24b899a901f2a1.jpg)
4
搜索到插件后,点击右侧的下载按钮。这时会弹出一个确认窗口,确认执行安装即可。
![](http://f.hiphotos.baidu.com/exp/w=500/sign=721ac4197c3e6709be0045ff0bc69fb8/34fae6cd7b899e51da2f022a41a7d933c8950d6e.jpg)
![](http://d.hiphotos.baidu.com/exp/w=500/sign=08e1013d8444ebf86d71643fe9f9d736/d1a20cf431adcbef15884638afaf2edda3cc9f4b.jpg)
5
安装结束后,会提示需要重新启动VS2010,插件才会生效。如果只安装一个插件,那就直接重启,如果还要安装其他插件,就继续搜索。重复3,4两步。
![](http://b.hiphotos.baidu.com/exp/w=500/sign=90d13824c55c1038247ecec28211931c/d4628535e5dde711e96e7bc8a4efce1b9d16614b.jpg)
6
推荐几个比较好用的插件:
1、Javascript parser: JS代码分析器,解析JS代码,生产树状菜单,显示代码结构,并且能够直接跳转到指定的函数,甚至函数内部的代码分支。
2、JSEnhancements: 支持JS和CSS的代码折叠工具。
3、JScript Editor Extensions: 高亮显示单词,匹配括号等
7
Javascript parser安装完成后,需要在菜单中选择视图-》其他窗口-》Javascript parser,才能打开代码导航窗口。导航窗口如下图所示。
![](http://g.hiphotos.baidu.com/exp/w=500/sign=2561f10d9145d688a302b2a494c37dab/faedab64034f78f011aaa2cd7a310a55b3191c6e.jpg)
![](http://b.hiphotos.baidu.com/exp/w=500/sign=d003bfb9d3a20cf44690fedf46094b0c/3b292df5e0fe992535b0516e37a85edf8db1714b.jpg)
8
如果需要删除或者禁用插件,可以在扩展管理器中进行管理
![](http://d.hiphotos.baidu.com/exp/w=500/sign=9032be5ffb1986184147ef847aed2e69/503d269759ee3d6d76d2bcf540166d224f4adef3.jpg)
9
插件库里的插件很多,大家可以自己去挖掘更好的插件:)
工具/原料
VS2010方法/步骤
1先看看VS2010自带的JavaScript编辑器界面。代码折叠木有,代码结构、函数导航木有,代码高亮木有。
![](http://f.hiphotos.baidu.com/exp/w=500/sign=cd08dc4dae4bd11304cdb7326aaea488/b21c8701a18b87d622e29321040828381f30fd6f.jpg)
2
接下来我们要去安装JavaScript的插件了,去哪找呢?在这里,VS菜单选择工具-》扩展管理器。
![](http://g.hiphotos.baidu.com/exp/w=500/sign=5e7135272ef5e0feee1889016c6034e5/6609c93d70cf3bc73153f7d2d200baa1cd112ab8.jpg)
3
打开扩展管理器后,这时我们还未安装过任何插件,在右上角的搜索框录入需要查找的插件名称,执行搜索。
![](http://g.hiphotos.baidu.com/exp/w=500/sign=d7447cfe81025aafd3327ecbcbedab8d/86d6277f9e2f07082e6f103eea24b899a901f2a1.jpg)
4
搜索到插件后,点击右侧的下载按钮。这时会弹出一个确认窗口,确认执行安装即可。
![](http://f.hiphotos.baidu.com/exp/w=500/sign=721ac4197c3e6709be0045ff0bc69fb8/34fae6cd7b899e51da2f022a41a7d933c8950d6e.jpg)
![](http://d.hiphotos.baidu.com/exp/w=500/sign=08e1013d8444ebf86d71643fe9f9d736/d1a20cf431adcbef15884638afaf2edda3cc9f4b.jpg)
5
安装结束后,会提示需要重新启动VS2010,插件才会生效。如果只安装一个插件,那就直接重启,如果还要安装其他插件,就继续搜索。重复3,4两步。
![](http://b.hiphotos.baidu.com/exp/w=500/sign=90d13824c55c1038247ecec28211931c/d4628535e5dde711e96e7bc8a4efce1b9d16614b.jpg)
6
推荐几个比较好用的插件:
1、Javascript parser: JS代码分析器,解析JS代码,生产树状菜单,显示代码结构,并且能够直接跳转到指定的函数,甚至函数内部的代码分支。
2、JSEnhancements: 支持JS和CSS的代码折叠工具。
3、JScript Editor Extensions: 高亮显示单词,匹配括号等
7
Javascript parser安装完成后,需要在菜单中选择视图-》其他窗口-》Javascript parser,才能打开代码导航窗口。导航窗口如下图所示。
![](http://g.hiphotos.baidu.com/exp/w=500/sign=2561f10d9145d688a302b2a494c37dab/faedab64034f78f011aaa2cd7a310a55b3191c6e.jpg)
![](http://b.hiphotos.baidu.com/exp/w=500/sign=d003bfb9d3a20cf44690fedf46094b0c/3b292df5e0fe992535b0516e37a85edf8db1714b.jpg)
8
如果需要删除或者禁用插件,可以在扩展管理器中进行管理
![](http://d.hiphotos.baidu.com/exp/w=500/sign=9032be5ffb1986184147ef847aed2e69/503d269759ee3d6d76d2bcf540166d224f4adef3.jpg)
9
插件库里的插件很多,大家可以自己去挖掘更好的插件:)
相关文章推荐
- 如何在VS2010中更好的编写JavaScript代码
- 如何编写可维护面向对象的JavaScript代码
- 如何编写高效简洁的JavaScript代码
- 如何编写出优美的JavaScript代码?
- 如何编写出优美的JavaScript代码?(不仅仅是js)
- 如何编写出优美的JavaScript代码?
- 如何编写高质量的Javascript代码
- 【JavaScript】如何编写高质量的JavaScript代码
- 如何编写出优美的JavaScript代码?
- 如何编写出优美的JavaScript代码?
- 如何编写高质量的JavaScript代码(2)
- 如何编写可维护的面向对象JavaScript代码
- 如何编写出优美的JavaScript代码?
- 如何为javascript代码编写注释以支持智能感知
- 如何编写高质量的JavaScript代码(3)
- [转]如何编写可维护的面向对象JavaScript代码
- 如何编写可维护的面向对象JavaScript代码
- 如何编写出优美的JavaScript代码?
- 转:如何编写出优美的JavaScript代码?
- 如何编写出优美的JavaScript代码?