摘要:第三步,安裝插件安裝方法一快捷鍵,輸入回車,然后輸入你想安裝的包的名稱,回車安裝方法二當(dāng)然你也可以打開文件夾,然后去等平臺下相關(guān)插件放在這里即可。
如果需要 vim 配置,可以移步 面向 web 前端及 node 開發(fā)人員的 vim 配置
sublime 3 配置和使用技巧 第一步,設(shè)置settings一下是我個人喜歡的格式配置,在perferences -> settings
{ "color_scheme": "Packages/User/SublimeLinter/MarkdownEditor-Dark (SL).tmTheme", //顏色風(fēng)格 "font_size": 16, //字體大小 "indent_using_spaces": true, //使用空格縮進(jìn) "tab_size": 2, //一次縮進(jìn)2個空格 "translate_tabs_to_spaces": true, //tab自動轉(zhuǎn)化為空格 "trim_trailing_white_space_on_save": true, //保存時去除尾部多余空格 "expand_tabs_on_save": true, //保存時重寫tab設(shè)置 "shift_tab_unindent": true, //使 shift+tab 等效為 command+{快捷鍵 "spell_check": true, //開啟拼寫檢查 "line_numbers": true, //顯示行號 "folder_exclude_patterns": [".svn", ".git", ".hg", "CVS", "node_modules"], //忽略查找元素 "ignored_packages": ["Vintage"], //忽略使用的插件 "ensure_newline_at_eof_on_save": true, //確保文件結(jié)尾有一個空行 "save_on_focus_lost": true, //失去焦點(diǎn)時儲存 "atmic_save": true //自動存儲 }
關(guān)于expand_tabs_on_save,我們需要額外添加python代碼,方法如下:
1.打開sublime的Preference -> Browser Packages ...
2.新建一個目錄ExpandTabsOnSave
3.新建文件ExpandTabsOnSave.py
4.把下面內(nèi)容復(fù)制進(jìn)去,保存
import sublime, sublime_plugin, os class ExpandTabsOnSave(sublime_plugin.EventListener): def on_pre_save(self, view): if view.settings().get("expand_tabs_on_save") == 1: view.window().run_command("expand_tabs")
其次附上 markdown settings:
{ "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme", //顏色風(fēng)格 "tab_size": 2, //一次縮進(jìn)2個空格 "translate_tabs_to_spaces": true, //tab自動轉(zhuǎn)化為空格 "trim_trailing_white_space_on_save": true, //保存時去除尾部多余空格 "auto_match_enabled": true, //自動匹配標(biāo)簽 // Layout "draw_centered": false, //禁用居中對齊 "wrap_width": 0, //自動換行,沒有默認(rèn)行寬度 // Line "line_numbers": true, //顯示行號 "highlight_line": true //高亮當(dāng)前行 }第二步,安裝package control
https://packagecontrol.io/ins...
點(diǎn)擊ctrl + ~(或者點(diǎn)擊菜單view --> show console) ,復(fù)制粘貼上面鏈接中圖里的部分,回車即可。
第三步,安裝插件安裝方法一:快捷鍵ctrl+shift+p(mac: command+shift+p),輸入install package回車,然后輸入你想安裝的包的名稱,回車;
安裝方法二:當(dāng)然你也可以打開Browse Packages文件夾,然后去github等平臺clone下相關(guān)插件放在這里即可。
不管哪個方法,裝完記得重啟sublime(并不是所有插件都要重啟,但重啟一下也無妨)
這里僅列舉我常用的一些插件,如果你知道有更好的一歡迎推薦
*Sublime Linter: 新版本不是簡單地把所有的Linter放在一個包中,而是允許用戶在升級時選擇并安裝自己經(jīng)常使用的Linter;
*Emmet: html+css插件,簡化輸入,快速匹配,前端開發(fā)必裝;
*javascriptNext: ES6語法插件(當(dāng)然,也可以用Babel,這個功能更強(qiáng)大);
Babel: 這個比上一個更強(qiáng)大;
css3_syntax: css3語法庫;
Sass Build: Sass插件,command + B激活使用;
SideBarEnhancements: 豐富側(cè)邊欄右鍵菜單;
git: 將Git整合進(jìn)Sublime,使你可以在SublimeText中運(yùn)行Git命令;
markdown Editing: markdown語法;
markdown Perview: markdown預(yù)覽;
MarkdownTOC: 為 Markdown 文檔自動生成目錄
colorHighlighter: 取色和顏色預(yù)覽;
DocBlockr: 生成文檔范式,有助于添加標(biāo)準(zhǔn)注釋塊;
Less: less 語法高亮;
less2css less 轉(zhuǎn)換為 css
SublimeCodeIntel: 自動填充,支持幾乎所有語言;
Autoprefixer: 自動添加css瀏覽器兼容前綴;
AngularJS: AngularJS 語法庫;
jsFormat: javascript序列化;
cssFormat: css序列化;
YUI Compressor: 代碼壓縮;
fix mac path: 修復(fù) mac下插件包路徑問題
tern_for_sublime: 光標(biāo)輔助操作
SublimeREPL: Python 編譯運(yùn)行插件
less2css 在 mac 下需要 less 包,可以根據(jù)需要安裝:
> npm install less -gd > npm install less -g less-plugin-autoprefix > npm install less -g less-plugin-clean-css
less2css 在 windows 下需要安裝 lessc 并配置環(huán)境變量
其他 刪除庫方法1:在perferences -> Browse Packages中刪除對應(yīng)文件夾即可;
方法2:快捷鍵ctrl+shift+p(mac: command+shift+p),輸入remove package回車,然后輸入(找到)你想刪除的包的名稱,回車。
不管哪個方法,刪完記得重啟sublime(并不是所有插件都要重啟,但重啟一下也無妨)
快捷鍵注: 圖片來自網(wǎng)絡(luò)
文件操作
mac快捷鍵 | win/linux快捷鍵 | 功能描述 |
---|---|---|
?N | ctrl + N | 新建文件 |
?O | ctrl + O | 打開文件 |
?S | ctrl + S | 保存文件 |
??S | ctrl + shift + S | 另存文件 |
??S | --- | 保存全部文件 |
?W | Ctrl + W | 關(guān)閉當(dāng)前文件 |
文本編輯
mac快捷鍵 | win/linux快捷鍵 | 功能描述 |
---|---|---|
?A | ctrl + A | 全選 |
?C | ctrl + C | 復(fù)制 |
?X | ctrl + X | 剪切 |
?V | ctrl + V | 粘貼 |
?/ | ctrl + / | 注釋 |
??/ | ctrl + shift + / | 塊注釋 |
?Z | ctrl + Z | 撤銷 |
?Y | ctrl + Y | 恢復(fù)撤銷 |
??? | Ctrl + Shift + Enter | 在當(dāng)前行前插入新行 |
?? | Ctrl + Enter | 在當(dāng)前行后插入新行 |
^?K | Ctrl + Shift + K | 刪除行 |
??D | Ctrl + Shift + D | 復(fù)制(多)行 |
?J | ctrl + J | 合并(多)行 |
?KK | Ctrl + K + K | 從光標(biāo)處刪至除行尾 |
?K? | 從光標(biāo)處刪除至行首 | |
?KU | ctrl + K + U | 改為大寫 |
?KL | ctrl + K + L | 改為小寫 |
??V | Ctrl + Shift + V | 粘貼并自動縮進(jìn) |
??V | Ctrl + K + V | 從歷史中選擇粘貼 |
?] | tab | 向右縮進(jìn) |
?[ | shift + tab | 向左縮進(jìn) |
?^↑/↓ | Ctrl + shift + ↑/↓ | 交換2行位置 |
??] | Ctrl + shift + ] | 展開標(biāo)簽 |
??[ | Ctrl + shift + [ | 折疊關(guān)閉標(biāo)簽 |
??KJ | Ctrl + K + J | 展開全部標(biāo)簽 |
??KT | Ctrl + K + T | 折疊標(biāo)簽屬性 |
??Kn | Ctrl + K + n | 折疊第n級標(biāo)簽 |
mac快捷鍵 | win/linux快捷鍵 | 功能描述 |
---|---|---|
?U | ctrl + U | 軟撤銷(可撤銷光標(biāo)移動) |
??U | ctrl + shift + U | 軟重做(可重做光標(biāo)移動) |
?L | ctrl + L | 選擇行(重復(fù)按下將下一行加入選擇) |
?D | Ctrl + D | 選擇詞(重復(fù)按下時多重選擇相同的詞進(jìn)行多重編輯) |
?↑/↓ | shift + ↑/↓ | 向上/下選中多行。 |
?←/→ | Shift + ←/→ | 向左/右選中文本。 |
^?M | ctrl + shift + M | 擴(kuò)展選區(qū)至對應(yīng)的括號 |
^?A | ctrl + shift + A | 擴(kuò)展選區(qū)至對應(yīng)的標(biāo)簽 |
^?A | ctrl + shift + Space | 擴(kuò)展選區(qū)至對應(yīng)的作用域 |
^?↑/↓ | ctrl + ↑/↓ | 擴(kuò)展選區(qū)至文件開頭/結(jié)尾。 |
??L | Ctrl + Shift + L | 將選區(qū)轉(zhuǎn)換成多個單行選區(qū) |
^?←/→ | Ctrl + Shift + ←/→ | 向左/右單位性地選中文本。 |
^- | ctrl + - | 光標(biāo)跳回上一個位置 |
^?- | ctrl + shift + - | 光標(biāo)恢復(fù)位置 |
?←/→ | Ctrl + ←/→ | 向左單位性地移動光標(biāo),快速移動光標(biāo)。 |
??↑/↓ | Ctrl + Alt + ↑/↓ | 向上/下添加多行光標(biāo),可同時編輯多行。 |
mac快捷鍵 | win/linux快捷鍵 | 功能描述 |
---|---|---|
?f | ctrl + f | 查找 |
??f | chrl + h | 查找并替換 |
??g | --- | 查找下一個符合當(dāng)前所選的內(nèi)容 |
?^g | --- | 查找所有符合當(dāng)前選擇的內(nèi)容進(jìn)行多重編輯 |
??F | ctrl + shift + f | 在所有打開的文件中進(jìn)行查找 |
mac快捷鍵 | win/linux快捷鍵 | 功能描述 |
---|---|---|
??N | Ctrl + Shift + N | 打開一個新的sublime窗口 |
??W | Ctrl + Shift + W | 關(guān)閉窗口 |
?^F | F11 | 全屏 |
??^F | Shift+F11 | 全屏免打擾模式,只編輯當(dāng)前文件 |
??[1,2,3,4,5,8,9] | Alt + Shift + [1,2,3,4,5] | 拆分窗口為:單列、雙列、三列、四列、網(wǎng)格、雙行、三行 |
^[1,2,3,4] | ctrl + [1,2,3,4] | 焦點(diǎn)移動到相應(yīng)的組(分屏編號) |
^?[1,2,3,4] | ctrl + shift + [1,2,3,4] | 將當(dāng)前文件移動到相應(yīng)的組(分屏編號) |
mac快捷鍵 | win/linux快捷鍵 | 功能描述 |
---|---|---|
?[1,2,3,4] | alt + [1,2,3,4] | 選擇相應(yīng)的標(biāo)簽頁 |
^Tab | ctrl + tab | 向后切換窗口內(nèi)打開的文件 |
^?Tab | ctrl + shift + tab | 向后切換窗口內(nèi)打開的文件 |
?P | ctrl + P | 跳轉(zhuǎn)到一切 |
?T | --- | 前往文件 |
?^P | --- | 前往項(xiàng)目 |
?R | ctrl + R | 前往符號 |
??P | ctrl + shift + P | 前往符號項(xiàng)目內(nèi)符號 |
^G | ctrl + G | 前往行 |
^- | Alt + G | 后退 |
^?- | Alt + shift + G | 前進(jìn) |
?KB | Ctrl + K + B | 開關(guān)側(cè)欄 |
^~ | ctrl + ~ | 打開控制臺 |
Esc | Esc | 退出光標(biāo)多行選擇,退出搜索框,命令框等。 |
^M | ctrl + M | 跳轉(zhuǎn)至對應(yīng)的括號 |
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/97614.html
摘要:第三步,安裝插件安裝方法一快捷鍵,輸入回車,然后輸入你想安裝的包的名稱,回車安裝方法二當(dāng)然你也可以打開文件夾,然后去等平臺下相關(guān)插件放在這里即可。 如果需要 vim 配置,可以移步 面向 web 前端及 node 開發(fā)人員的 vim 配置 sublime 3 配置和使用技巧 第一步,設(shè)置settings 一下是我個人喜歡的格式配置,在perferences -> settings { ...
摘要:如果想配置開發(fā)工具面向前端及開發(fā)人員的配置如果想配置開發(fā)工具配置及使用技巧所謂網(wǎng)紅編輯器,我覺得比來的更爽,因?yàn)榈乃胁僮骱筒寮?,對于來說也就是一個插件就能無縫兼容。作為一個前端開發(fā),開箱即用的代碼編輯高亮提示都十分友好。 如果想配置 sublime 開發(fā)工具 => 面向web前端及node開發(fā)人員的vim配置 如果想配置 vim 開發(fā)工具 => sublime配置及使用技巧 所謂網(wǎng)紅...
摘要:效果如下配置方法參考下的配置方法完美支持提供了比默認(rèn)更好的語法高亮,而且他完美支持。語法高亮默認(rèn)安裝的對的支持讓人抓狂,幀動畫別開玩笑了你只會看到一片白色的純文本一樣的代碼。事實(shí)上不光,我建議用完全替代原來的來完成語法高亮。 文章轉(zhuǎn)載自本人的博客《三省吾身丶丶》點(diǎn)擊查看喜歡的話請瘋狂的推薦吧! ^_^ 本文章會在本人有插件或者設(shè)置更新時,進(jìn)行不定時更新 偷懶了,圖片地址直接設(shè)置的博客...
摘要:首先,我應(yīng)該正確安裝了。外觀是最重要的,一個好的主題會讓你愛上完美。默認(rèn)情況下安裝成功后快捷鍵不是很好用且只有一個創(chuàng)建文件的快捷鍵,建議你覆蓋默認(rèn)快捷鍵配置。若你沒有把及加入環(huán)境變量,你可能要在的配置文件中指定及的執(zhí)行路徑。 首先,我應(yīng)該正確安裝了 Package Control。 Material Theme 外觀是最重要的,一個好的主題會讓你愛上完美。這里推薦 Material T...
閱讀 3721·2021-10-18 13:34
閱讀 2415·2021-08-11 11:15
閱讀 1209·2019-08-30 15:44
閱讀 702·2019-08-26 10:32
閱讀 998·2019-08-26 10:13
閱讀 2072·2019-08-23 18:36
閱讀 1784·2019-08-23 18:35
閱讀 532·2019-08-23 17:10