正文
如何在VS2010中更好的编写JavaScript代码
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
VS2010默认的JavaScript代码编辑器相对简单。对于大家熟悉的代码折叠，代码结构、函数导航，代码高亮等都不支持，使用很不便。下面介绍下我发现的几个VS2010插件，具有哪些功能，如何安装和使用。
工具/原料 - VS2010
- 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
插件库里的插件很多，大家可以自己去挖掘更好的插件：）
- 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
插件库里的插件很多，大家可以自己去挖掘更好的插件：）
