2018年9月7日 星期五

修改並自定義 mac coding軟體sublime text 及 coda 2的emmet外掛

emmet for coda版本的外掛能夠自己定義預設的一些文字
 譬如輸入!按下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的存放資料夾即可