成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

sublime配置及使用技巧

kumfo / 1886人閱讀

摘要:第三步,安裝插件安裝方法一快捷鍵,輸入回車,然后輸入你想安裝的包的名稱,回車安裝方法二當(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)簽
光標(biāo)、選區(qū)操作
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)的組(分屏編號)
跳轉(zhuǎn)操作
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

相關(guān)文章

  • sublime配置使用技巧

    摘要:第三步,安裝插件安裝方法一快捷鍵,輸入回車,然后輸入你想安裝的包的名稱,回車安裝方法二當(dāng)然你也可以打開文件夾,然后去等平臺下相關(guān)插件放在這里即可。 如果需要 vim 配置,可以移步 面向 web 前端及 node 開發(fā)人員的 vim 配置 sublime 3 配置和使用技巧 第一步,設(shè)置settings 一下是我個人喜歡的格式配置,在perferences -> settings { ...

    LoftySoul 評論0 收藏0
  • 前端開發(fā) VS Code 上手使用

    摘要:如果想配置開發(fā)工具面向前端及開發(fā)人員的配置如果想配置開發(fā)工具配置及使用技巧所謂網(wǎng)紅編輯器,我覺得比來的更爽,因?yàn)榈乃胁僮骱筒寮?,對于來說也就是一個插件就能無縫兼容。作為一個前端開發(fā),開箱即用的代碼編輯高亮提示都十分友好。 如果想配置 sublime 開發(fā)工具 => 面向web前端及node開發(fā)人員的vim配置 如果想配置 vim 開發(fā)工具 => sublime配置及使用技巧 所謂網(wǎng)紅...

    Ocean 評論0 收藏0
  • 一個前端程序猿的Sublime Text3的自我修養(yǎng)

    摘要:效果如下配置方法參考下的配置方法完美支持提供了比默認(rèn)更好的語法高亮,而且他完美支持。語法高亮默認(rèn)安裝的對的支持讓人抓狂,幀動畫別開玩笑了你只會看到一片白色的純文本一樣的代碼。事實(shí)上不光,我建議用完全替代原來的來完成語法高亮。 文章轉(zhuǎn)載自本人的博客《三省吾身丶丶》點(diǎn)擊查看喜歡的話請瘋狂的推薦吧! ^_^ 本文章會在本人有插件或者設(shè)置更新時,進(jìn)行不定時更新 偷懶了,圖片地址直接設(shè)置的博客...

    KunMinX 評論0 收藏0
  • 我的 Sublime text 插件配置

    摘要:首先,我應(yīng)該正確安裝了。外觀是最重要的,一個好的主題會讓你愛上完美。默認(rèn)情況下安裝成功后快捷鍵不是很好用且只有一個創(chuàng)建文件的快捷鍵,建議你覆蓋默認(rèn)快捷鍵配置。若你沒有把及加入環(huán)境變量,你可能要在的配置文件中指定及的執(zhí)行路徑。 首先,我應(yīng)該正確安裝了 Package Control。 Material Theme 外觀是最重要的,一個好的主題會讓你愛上完美。這里推薦 Material T...

    WrBug 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<