安裝插件之前,請確認你已經(jīng)安裝了adobe Extention Manager,如果沒有安裝,請到Adobe官方下載安裝:
到zen coding項目主頁下載最新的zen coding 用于dreamweaver的插件,在該頁面的右側欄有下載列表,就是擴展名為mxp的那個。(目前的版本是0.7,可以點這里下載,里面有qianduan打包的一個版本,不過官方新版是0.7的了,推薦使用官方的。)。
下載完后,雙擊你下載的那個Zen Coding v.0.7.mxp文件就可以直接安裝,很簡單。
安裝后重啟DW,然后你就會在命令菜單下發(fā)現(xiàn)zen coding子菜單,如下圖:
這就說明已經(jīng)能夠安裝成功了。
使用方法
zen coding的用法也是很簡單的,新建或者在任一html文件中,切換到代碼視圖,編寫zencoding格式代碼,比如:
或許你并不習慣使用zen coding插件默認的這幾個快捷鍵,那么你就可以很簡單的修改快捷鍵:
選擇“編輯”菜單下的“快捷鍵”子菜單即可編輯快捷鍵,界面如下圖:
快捷鍵那行顯示的是當前的快捷鍵,需要更改的話,將光標移動到按鍵后面的輸入框,然后直接按鍵盤上的你想使用的鍵即可,點擊“更改”按鈕,然后確定。
如果修改快捷鍵,請注意盡量不要和當前已經(jīng)使用的快捷鍵沖突。
另外,默認的快捷鍵設置不能夠被修改,在你改的時候會提示,可以按照提示新建一個設置。