如何在VS2010中更好的編寫JavaScript代碼

VS2010默認的JavaScript代碼編輯器相對簡單。對於大家熟悉的代碼折疊，代碼結構、函數導航，代碼高亮等都不支持，使用很不便。下面介紹下我發現的幾個VS2010插件，具有哪些功能，如何安裝和使用。

工具/原料

 

• VS2010

方法/步驟

 

1. 1

   先看看VS2010自帶的JavaScript編輯器界面。代碼折疊木有，代碼結構、函數導航木有，代碼高亮木有。

   
2. 2

   接下來我們要去安裝JavaScript的插件了，去哪找呢？在這里，VS菜單選擇工具-》擴展管理器。

   
3. 3

   打開擴展管理器后，這時我們還未安裝過任何插件，在右上角的搜索框錄入需要查找的插件名稱，執行搜索。

   
4. 4

   搜索到插件后，點擊右側的下載按鈕。這時會彈出一個確認窗口，確認執行安裝即可。

   

   
5. 5

   安裝結束后，會提示需要重新啟動VS2010，插件才會生效。如果只安裝一個插件，那就直接重啟，如果還要安裝其他插件，就繼續搜索。重復3,4兩步。

   
6. 6

   推薦幾個比較好用的插件：

   1、Javascript parser: JS代碼分析器，解析JS代碼，生產樹狀菜單，顯示代碼結構，並且能夠直接跳轉到指定的函數，甚至函數內部的代碼分支。

   2、JSEnhancements: 支持JS和CSS的代碼折疊工具。

   3、JScript Editor Extensions: 高亮顯示單詞，匹配括號等

7. 7

   Javascript parser安裝完成后，需要在菜單中選擇視圖-》其他窗口-》Javascript parser，才能打開代碼導航窗口。導航窗口如下圖所示。

   

   
8. 8

   如果需要刪除或者禁用插件，可以在擴展管理器中進行管理

   
9. 9

   插件庫里的插件很多，大家可以自己去挖掘更好的插件：）