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