編碼的世界 / 優質文選 / 生涯

在VS2008中使用HTML5和CSS3智能感知


2021年7月04日
-   

CSS3的智能感知添加:
1.從注冊表獲取Visual Studio的安裝路徑[HKEY_LOCAL_MACHINESOFTWAREMicrosoftVisualStudio9.0]。
2.拷貝CSS3的智能感知文件到安裝路徑下的Common7Packages2052schemasCSS目錄中。
3.修改注冊表,在[HKEY_LOCAL_MACHINESOFTWAREMicrosoftVisualStudio9.0Packages{A764E895-518D-11d2-9A89-00C04F79EFC3}Schemas],添加新項:Schema 5,添加兩個字符串名值對:
File:css3.xml
Friendly Name: CSS 3.0
,其中File值為智能感知文件名,Friendly Name為VS中下拉列表的列表項名。CSS智能感知的文件除了上面提供的下載也可以到這裏。
HTML5的智能感知添加:
1.拷貝html智能感知文件以及svg文件到安裝路徑下的Common7Packagesschemashtml目錄中。
2.修改注冊表[HKEY_LOCAL_MACHINESOFTWAREMicrosoftVisualStudio9.0Packages{1B437D20-F8FE-11D2-A6AE-00104BCC7269}Schemas]添加新項:Schema 24,添加3個字符串名值對:
File:htmlxhtml5.xsd
Friendly Name: xhtml5
URI:http://schemas.microsoft.com/intellisense/xhtml5
智能提示的擴展:可以直接打開CSS3的XML格式的智能感知文件,添加或編輯<cssmd>節點的enum屬性,由於其中的enum屬性使用空格進行屬性值的分隔,所以暫時沒有找到好的方法對類似background-position:center center;這樣的CSS屬性提供默認選擇擴展。
    VS提供了外部工具選項,也可以考慮可以集成EditPlus、UltraEdit和Notepad++等編輯器的並利用其CSS的智能感知功能進行CSS編輯,其中EditPlus的語法文件和代碼補全文件可以從官網進行下載,EditPlus不提供智能提示,只提供代碼補全功能,例如起代碼補全文件中定義了:#T=dir direction: ^!,當你輸入dir+空格時會自動補全為direction。UltraEdit默認提供了CSS3的語法文件,其代碼補全功能在敲入時會自動提示選擇的下拉列表,EditPlus沒有這個功能。Notepad++也有類似的功能,單其css配置文件為css2版本,需要手動擴展。

熱門文章