譬如輸入!按下Ctrl+e 通常會出現:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
雖然很方便 但是有些地方還要自己修改,譬如上面的en
希望能夠ctrl+e後可以自動變成慣用或常用的語言(如:tw)
這時候可以透過修改emmet的snippets.json檔案來達成
原本coda內的emmet這個snippets.json是存在如下圖的位置

但是emmet的設定內可以自己在自訂的位置新增一個snippets.json檔案,
並且在裡面自己定義一些內容,步驟如下:
Step 1.
以lang舉例:
寫了lang的自定義如下,把原本的"lang":"en"改為"lang":"tw"(寫法可以參考上方原檔案內的方式),寫好後存成snippets.json放在自己想要的資料夾內。

Step 2.
在coda軟體上方選單列點選Emmet/Preferences,進入Emmet的設定

Step 3.
點擊Browser選取自己剛剛存的snippets.json所在的資料夾位置,
然後關閉這個設定視窗

之後只要重新啟動coda,新開一個檔案輸入! 然後按下ctrl+e
接者就會看到新的設定生效囉!!

PS. sublime text 基本上也是一樣的做法
在Package Settings內把emmet的Settings - Default所有內容copy一份
然後貼到Settings - Users內,
然後把裡面的"extensions_path": "~/emmet" 這一行
後面的emmet是預設的路徑,
把它改到snippets.json的存放資料夾即可
沒有留言:
張貼留言