2017年4月10日 星期一

使用 Sublime Text3



軟體網址 http://www.sublimetext.com/3

■安裝package control
https://packagecontrol.io/installation
選取在「 Sublime Text 3 」 底下的這一大串安裝用的指令,將它們全部都複製下來。
點開 上方工具列 > View > Show Console
貼上剛剛複製的那段安裝指令,並按下 Enter 。


■常用package
1.emmet 快速寫碼的外掛
2.fakeimg 產生假圖的外掛
3.sublimeCodeintel 自動完成功能
4.color highlighter 色彩選取與轉換
5.autoFileName
6.Vintage 類似vi的操作鍵法
7.ChineseLoremIpsum 中文


■快速鍵
lorem(tab) 英文假文,lorem10表示表一一個單字
ctlorem (alt+c) 繁中假文,ctlorem20(alt+c)表示20個中文字

■設定快捷鍵用sublime直接開啟瀏覽器

1.安裝sidebarenhancements外掛
2.配置預覽快捷鍵 Preferences/Keybinding

// chrome
{ "keys": ["f12"], "command": "side_bar_files_open_with",
        "args": {
            "paths": [],
            "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe",
            "extensions":".*"
        }
 },
// ie
 { "keys": ["f4"], "command": "side_bar_files_open_with",
         "args": {
            "paths": [],
            "application": "C:/Program Files/Internet Explorer/iexplore.exe",
            "extensions":".*"
        }
}
上面的程式碼中有兩處需要注意的地方,
一個是keys表示快捷鍵,表示f12可以啟動chrome進行預覽。
另一個是application,表示瀏覽器所在的安裝路徑,只有路徑配置正確,才能夠正常呼叫瀏覽器。



參考
教學:淺談 Sublime Text 的安裝設定及入門操作 – [ 上篇 ]
http://www.flycan.com/article/free-resource/sublime-text-setup-2060.html
教學:淺談 Sublime Text 的安裝設定及入門操作 – [ 下篇 ]
http://www.flycan.com/article/free-resource/sublime-text-setup-2-2077.html

沒有留言:

張貼留言