2015/05/05

[Visual Studio Code] 支援 Emmet snippet 快速開發

在 Visutal Studio Code 也可以享有 speed coding

Emmet snippet 已經是我在編寫 HTML 時不可或缺的工具, 近期推出的免費程式編輯器 Visual Studio Code 也具備這個基本功能!

當新建立一個文件時, 必需先選擇要編輯的程式語言, 這裡我們選 HTML (也可以選 PHP), 一方面會顯示程式 highlight 標示. 否則只會單純當成純文字看待


來個最簡易的 HTML5 基本 code, 輸入 html:5 按下 Tab


HTML5 基本款建立好囉, 還自動反白 title 的文字讓我們來修改 



一直以來編輯簡易的檔案, 沒必要出動到 IDE, 通常我會用 Notepad++ 或是 Sublime 來做編輯, 現在多了一個程式編輯器的工具, 太棒了~~~ 還有更多功能慢慢發掘中...


沒有留言: