[Vim] 網頁開發必備外掛 emmet-vim

透過 vundle 外掛管理程式來裝 emmet-vim

安裝 vundle, 請參考 Vundle 安裝


開啟 ~/.vimrc 檔案

注意：請務必加在 vundle#begin/end 之間

Plugin 'mattn/emmet-vim'

存檔


在 Vim 下指令 :PluginInstall 即完成安裝

Install Zen Coding on Notepad++

Zen Coding 是一個可以加快 HTML CSS coding 的外掛程式

需要的工具:


Notepad++
Zen Coding plugin for Notepad++

more support download list

在 Notepad++ 的安裝方式:

解壓縮會得到 NppScripting/ 及 NppScripting.dll 檔案

將它們複製到 Notepad++ 安裝目錄下的 plugins 資料夾, 再啟動 Notepad++ 即可

 Zen Coding 在 Notepad++ 中的使用快速鍵

[DevTools] Zen Coding - generating HTML faster!

今天意外發現加速 coding 的工具: Zen Coding

可以用類似 CSS 選取器的方式來快速建立 HTML 程式碼

例如:
ul#menu>li.item*3

這樣的 code 可以快速建立出以下結構, 這樣可以省下很多 key in 的時間~

(可惜...html 在 blog 被改寫了, 呈現不出原始 code, 只好看下方影片吧)

用說的不如用看的, 感受一下...


Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

目前支援許多開發的 IDE 及文字編輯器: Visual Studio, NetBeans, Eclipse, Notepad++ 等等

現在已將手邊常用的開發工具加上 Zen Coding 外掛, 有空再來貼安裝擷圖