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

標籤：eee   bsp   安裝   功能   sig   ext   菜單   推薦   程式碼分析   

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

   外掛程式庫裡的外掛程式很多，大家可以自己去挖掘更好的外掛程式：）

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