Sublime Text 3 的一些配置
如何安裝插件
在剛剛下載完成后是不能直接安裝插件的,推薦使用package control的組件安裝方法
按 Ctrl + · 調出console,粘貼一下代碼到底部命令行并回車
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
重啟Sublime,如果存在perferences/package setting/package control選項說明安裝成功
在安裝成功后,可以通過ctrl + shift +p 調出明林面板 輸入install,回車后輸入想要安裝的插件,進行插件的下載
插件
- Material Theme
一款主題插件,也是我目前在用的,Material Theme
如果想要其它的主題插件,可以去官方地址下載
在插件下載成功后,需要進行配置,配置目錄Preferences/Setting/Settings-User,輸入
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"theme": "Material-Theme.sublime-theme",
-
Emmet
標簽的快速寫法,例如 div>li,回車后生成
<div> <li></li> </div>
該插件目前也是其他一些編譯器的標配了,官方語法速查表
-
AdvancedNewFile
快速新建文件,sublime新建文件需要ctrl+n,ctrl+s,很繁瑣,有該插件后直接ctrl+shift+n就可以新建文件
-
less
首先確保你的電腦上下載了node.js,并且有less
在cmd執行該命令
npm install less-plugin-clean-css -g
之后再安裝less、less2css插件,新建的less文件在ctrl+s后就可以直接轉化為css文件了
-
html-css-js Prettify
該插件用來格式化css、js、html文件,同樣依賴于node.js,下載完成后使用ctrl+shift+h就可以進行美化,需要注意的是該插件默認查找的node路徑是node的默認下載路徑,如果查找不到的話執行ctrl+shift+h會報錯,此時只需要點擊確定,將文件路徑更改為當前node的實際下載路徑就可以正常使用了
-
docblockr
快速注釋的插件,首先還是下載插件,下載完成后在目錄 preference / package Settings / DocBlockr / Settings - User
例如寫入如下代碼
{ "jsdocs_extra_tags":[ "@Author Hybrid", "@DateTime {{date}}", "@copyright ${1:[copyright]}", "@license ${1:[license]}", "@version ${1:[version]}" ], "jsdocs_function_description": false }
接下來在你的函數輸入/**按下tab或回車,就會生成你個人定制的注釋,注意要貼著你函數上一行,否則就是普通的注釋
當然內容都是根據自己需要定制的,詳細參考Docblock
?
大概就這么多插件吧,由于我用sublime主要是用來開發微信小程序的,需要的插件也不是很多,有興趣的可以去搜索sublime插件,有非常多,甚至可以說你想要一個什么樣的功能就去找吧,基本都是有的
一些基本操作
-
設置字體、行高
在目錄 preferences / setting / setting-user,下設置, 其實sublime很貼心的在左側為我們提供了默認設置,可以進行產考的對比設置
//行高 "line_padding_bottom": 2, "line_padding_top": 2, //字體大小 "font_size": 14, //當前行高亮 "highlight_line": true, //折疊代碼 "fold_buttons": true, "fade_fold_buttons": false,
-
瀏覽器打開
這個還是需要安裝一個插件的SideBarEnhancements,安裝完成后在目錄preferences/key bindings下user欄輸入如下代碼
{ "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe", "extensions": ".*" } },
注意兩個點,key是指鍵名,application是指啟動路徑,例如這里就是表示我將f2鍵設置為了chrome的啟動快捷鍵,如果還想要設置其他的,復制這段代碼,改寫key和application的值就可以了
-
sublime的徹底卸載
emmm,有時候亂七八糟的插件裝的太多了可能想要重新安裝,正常卸載是會保留之前的下載記錄的,如果想要徹底卸載之前的所有插件,preferences / browse packages,在打開的目錄下返回sublime,刪除sublime目錄
-
導入導出配置
同樣在目錄preferences / browse packages,在打開的目錄下返回sublime,拷貝整個Installed Packages和
Packages,在需要遷移的電腦中打開sublime文件夾相同的目錄處粘貼,重啟sublime即可,如果有用到的環境位置(例如node等)發生了改變,修改一下路徑即可
-
關于縮放
有同學在使用的時候使用滾輪 + ctrl 結果發現sublime進行了縮放,而且之后一直保持了這個字體的大小,其實這個操作并不是像我們在chrome中的縮放比例,而是確實的調整了字體的大小,對字體重新設置大小即可