使用Snippet Designer修改預設的程式碼片段

 

Tool：Visual Studio 2013 Ultimate Update 4 、Snippet Designer
OS：Windows 8.1

在Visual Studio 2013工具輸入HTML時，有提供HTML的程式碼片段功能(Code Snippet)，不過每次輸入<input然後按兩次Tab鍵，產生出來的Input標籤都沒有含id屬性，用起來很不方便，如下圖:

 

我們可以修改預設的Code Snippet來解決這個問題。

• 先安裝Snippet Designer

• 左方選Online，在右方文字方塊中搜尋，snippet designer，並下載、安裝:

• 完成後會重開Visual Studio，然後便可以開啟Snippet Explorer:

• 搜尋Input

• 開啟之

 

• 加一個id

• 儲存

• 下次產生input的標籤時，就會有id了