sublime-text
Switch branches/tags
Nothing to show
Clone or download
DESKTOP-KKTSRI8\zyh
DESKTOP-KKTSRI8\zyh 删除 markdown 转为 pdf
Latest commit 4ec373d Feb 11, 2018
Permalink
Failed to load latest commit information.
Monokai.tmTheme update Mar 8, 2017
README.md 删除 markdown 转为 pdf Feb 11, 2018

README.md

#sublime text Download 改版过的Monokai,在仓库中根目录Monokai.tmTheme自取。windows用户放在:C:\Users\Username\AppData\Roaming\Sublime Text 3\Packages\Monokai.tmTheme

Video

QQ Group

  • 492107297 偏前端开发(css,javascript,jquery)

License

原则上收费的,但可以试用,试用期是免费的,在试用期间会提示你购买。

Plugins

插件有很多,但不建议全部都安装,用到那个安装那个,安装过多,由于插件质量良莠不齐,会使软件本身不稳定,经常挂掉。

  1. Emmet GitDocument原名为:Zencoding, 快速生成html,css,默认扩展快捷为tab,如果tab按钮损坏,ctrl+e替换。 生成规则在:

    Preferences -> Browser packages -> Emment -> emment -> snippets.json 中修改。

[@ Emmet 中文版文档](http://www.iteye.com/news/27580)
  1. Side Bar增强的侧边栏

  2. Docblockr增强js注释

  3. Alignment等号对齐Preferences -> package settings -> Alignment -> Settings User添加冒号对齐。

    {
     "align_indent": false,
     "alignment_chars": ["=", ":"],
     "alignment_space_chars": ["=", ":"]
    }
    
  4. AutoFileName: 文件路径自动提示

  5. gbk支持 GBK Encoding Support

  6. 检测快捷键冲突

  7. Markdown

  8. LineEndings 设置换行符

  9. SublimeText插件列表

  10. html美化插件

  11. Sublime Text 新建文件的模版插件: SublimeTmpl

  12. 前端自动化神器LiveReload配合浏览器和less/sass使用方法

  13. 使用 Sublime Text 2 开发 Unity3D 项目

  14. 全栈开发必备的10款 Sublime Text 插件

  15. 其它语言框架支持

  16. 版本管理

  17. 文件比较

  18. CSS值转REM的Sublime Text插件

  19. 本地历史记录

  20. 目录树文件图标

Settings

  1. Font 推荐使用 YaHei.Consolas.1.12.ttf,即为上图中所示字体。

  2. Theme

  3. Preferences

    • 用户设置 Preferences -> Settings - User

      {
      	"color_scheme"        : "Packages/Color Scheme - Default/Monokai.tmTheme",    // theme
      	"draw_minimap_border" : true,                                                 // 右侧缩略图边框
      	"font_face"           : "YaHei Consolas Hybrid",                              // 字体设置
      	"font_size"           : 13,                                                   // 字体大小
      	"highlight_line"      : true,                                                 // 当前行标亮
      	"ignored_packages"    :	["Toggle Css Format"],                                // 开启vim模式
      	"save_on_focus_lost"  : true,                                                 // 失去焦点后保存
      	"auto_complete"       : false,                                                // 失去焦点后保存
      	"word_wrap"           : false,                                                // 强制不换行
      	"word_separators"     : "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?",                 // 双击选中中划线
      	"update_check"        : false                                                 // 关闭自动更新
      }
    • 全屏设置 Preferences -> Settings - More -> Distraction Free - User

      {
          "line_numbers"     : true,        //是否显示行号
          "gutter"           : true,        //是否显示边列
          "draw_centered"    : true,        //是否居中显示
          "wrap_width"       : 80,          //换行宽度(单位:字符)
          "word_wrap"        : false,       //是否自动换行
          "scroll_past_end"  : true         //滚动能否超过结尾
      }
    • Emmet css冒号后面的空格,在emmet-settings-default

      "preferences": {
          "css.valueSeparator": ":",
          "css.propertyEnd"   : ";"
      }
    • 修改的快捷键,完全向webstorm看齐,两个软件切换无缝。 Preferences -> Key Bindings - User

      [
          { "keys": ["ctrl+shift+c"], "command": "copy_path" },
          { "keys": ["ctrl+shift+f"], "command": "html_tidy" },
          { "keys": ["alt+f12"], "command": "open_in_browser" }, // ie
          { "keys": ["f12"], "command": "side_bar_files_open_with", // firefox
              "args": {
                  "paths": [],
                  "application": "D:\\Program Files (x86)\\Mozilla Firefox\\firefox.exe",
                  "extensions":".*" //any file with extension
              } },
          { "keys": ["ctrl+f12"], "command": "side_bar_files_open_with", // firefox
          "args": {
              "paths": [],
              "application": "C:\\Users\\tony\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
              "extensions":".*" //any file with extension
          } },
          { "keys": ["`"], "command": "toggle_distraction_free" },
          { "keys": ["alt+c"], "command": "run_macro_file", "args": {"file": "Packages/Default/Delete Line.sublime-macro"} },
          { "keys": ["alt+w"], "command": "toggle_comment" },
          { "keys": ["alt+f3"], "command": "htmlprettify" },
          { "keys": ["ctrl+d"], "command": "duplicate_line" },
          { "keys": ["ctrl+shift+d"], "command": "find_under_expand" },
          { "keys": ["ctr+shift+w"], "command": "close" },
          { "keys": ["ctrl+w"], "command": "find_under_expand" },
          { "keys": ["alt+d"], "command": "open_dir", "args": {"dir": "$file_path", "file": "$file_name"} },
          { "keys": ["shift+enter"], "command": "run_macro_file", "args": {"file": "Packages/Default/Add Line.sublime-macro"} },
          { "keys": ["ctrl+enter"], "command": "run_macro_file", "args": {"file": "Packages/Default/Add Line Before.sublime-macro"} },
          { "keys": ["alt+right"], "command": "next_view" }, // 下一个标签
          { "keys": ["alt+left"], "command": "prev_view" }, // 上一个标签
          { "keys": ["alt+1"], "command": "toggle_side_bar" }
      ]
  4. 定制缩进

  5. 拼写检查

  6. 全屏模式,自由模式的定制

  7. 在sublime-text中设置浏览器预览

  8. 其它配置

  9. 预览设置

    @echo off
    SET sublimeTextPath=C:\Program Files\Sublime Text 3\sublime_text.exe
     
    REM ADD REGISTRY KEYS
    @reg add "HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 3"         /t REG_SZ /v "" /d "Open with Sublime Text 3"   /f
    @reg add "HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 3"         /t REG_EXPAND_SZ /v "Icon" /d "%sublimeTextPath%,0" /f
    @reg add "HKEY_CLASSES_ROOT\*\shell\Open with Sublime Text 3\command" /t REG_SZ /v "" /d "%sublimeTextPath% \"%%1\"" /f
     
    pause
  10. st开启全屏之后的设置

  11. React相关

Skill

  1. 按住 ctrl 键,鼠标单击就是多重选择。
  2. 键盘多重选择
  3. 根据选择文本自动添加 ', "",(),[] 匹配。
  4. 搜索按钮的功能说明 (冷风贡献):
  5. 使用 Sublime + PlantUML 高效地画图

Default Keymap

1. Ctrl+L             选择整行(按住-继续选择下行) 
2. Ctrl+Shift+K(shhift+del)     删除整行,  ctrl + KK 从光标处删之行尾,Ctrl+K Backspace 从光标处删除至行首
3. Ctrl+Shift+D       复制光标所在整行,插入在该行之前  
4. Ctrl+D             选词 (按住-继续选择下个相同的字符串,再按,可跳到相应的方法定义处
5. Ctrl+Shift+M       选择括号内的内容(按住-继续选择父括号) 
6. Ctrl+/             注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
7. Ctrl + alt + /     取消注释 
8. Ctrl+Shift+UP      与上行互换  ctrl + shift + up: 列模式编辑  
9. Ctrl + R           跳转当前页的目标方法
10. Ctrl+K + U        大写
11. Ctrl+K + L        小写
12. 鼠标中间           列模式编辑
13. Ctrl+Shift+[]     代码折叠
14. ctrl+k ctrl+1:    折叠所有代码 
15. Ctrl + K,B        打开侧边栏
16. ctrl + 回车:     光标后插入行, Ctrl+Shift+Enter 光标前插入行
17. ctrl + m:         匹配括号
18. vim mode下        查找上一个下一个的快捷键是 是* #
19. ctrl +z, y:       撤销,恢复撤销
20. alt + .:          闭合当前标签
21. Ctrl+F2:          设置书签
22. F2:               下一个书签
23. Shift+F2:         上一个书签
24. ctrl + p:         即时的文件切换
25. ctrl + shift + a: 选择标签内的内容 
26. ctrl + 单击:      多行随意位置添加光标
27. alt + F3( mac: ctrl + command + g): 选择页面中所有相同的词
28. ctrl + F3:        跳转到下一个选中的词	
29. Ctrl+Shift+P Set Syntax:html : 设置文件类型
30. Shift + 右键:     连续多行光标选中 (by Gary Gauh)

Emmet(zencoding) Keymap

1. match_pair_outward: ctrl+,向外匹配
2. match_pair_inward: ctrl+alt+,向内匹配
3. matching_pair: ctrl+alt+j,快速匹配html标签(phpstorm: ctrl + [])
4. split_join_tag: shift+ctrl+`,快速成对修改html标签
5. remove_tag: shift+ctrl+;删除包裹的html标签(phpstorm: ctrl + shift + del)
6. increment_number_by_1: ctrl+up,数字快速增长,步长为1
7. decrement_number_by_1: ctrl+down,数字快速递减,步长为1
8. increment_number_by_01: alt+up,数字快速增长,步长为0.1
9. decrement_number_by_01: alt+down,数字快速递减,步长为0.1
10. increment_number_by_10:shift+alt+up,数字快速增长,步长为10
11. decrement_number_by_10: shift+alt+down,数字快速递减,步长为10
12. select_next_item:shift+ctrl+. 选择下一个属性
13. select_previous_item: shift+ctrl+,, 选择上一个属性 
14. wrap_as_you_type: shift+ctrl+g,包裹内容

VIM Keymap

sublime 支持 VIM 80% 左右的快捷键,以实际为准。

一. 移动:
    h,j,k,l: 左,下,上,右。
    w: 下一个词的词首。W:下一个单词(不含标点)。
    e:下一个词的词尾。E:不含标点。
    b:上一个词的词首。B:不含标点。
    <>: v 模式选中后进行缩进。
    >><<:向前向后缩进。 
二. 跳转:
    %: 可以匹配{},"",(),[]之间跳转。
    H、M、L:直接跳转到当前屏幕的顶部、中部、底部。
    #H:跳转到当前屏的第#行。
    #L:跳转到当前屏的倒数第#行。
    zt: 当前编辑行置为屏顶。
    zz: 当前编辑行置为屏中。
    zb: 当前编辑行置为屏底。
    G:直接跳转到文件的底部。
    gg: 跳转到文件首。
    gd: 跳转到光标所在函数和变量的定义。
    ():跳转到当前的行首、行尾。
    {}:向上、向下跳转到最近的空行。
    [{:跳转到目前区块开头。
    ]}:跳转到目前区块结尾。
    0: 跳转到行首。
    $: 跳转到行尾。
    2$: 跳转到下一行的行尾。
    #:跳转到该行的第#个位置。
    #G: 15G,跳转到15行。
    :#:跳转到#行。
    f'n':跳转到下一个"n"字母后。
    ctrl+b: 向后翻一页。
    ctrl+f:向前翻一页。
    ctrl+u: 向后翻半页。
    ctrl+d: 向前翻半页。
    ctry+e: 下滚一行。
三. 选择:
    1.v: 开启可视模式。 V: 开启逐行可视模式。
    2.^V: 矩形选择。
    3.v3w: 选择三个字符。  
    4.ab:包括括号和()内的区域。
    5.aB:包括括号和{}内的区域。
    6.ib:括号()内的区域。
    7.iB:括号{}内的区域。
    8.aw:标记一个单词。
四. 编辑:
    1. 新增:
        i: 光标前插入。
        I: 在当前行首插入。
        a: 光标后插入。
        A: 当前行尾插入。
        O: 在当前行之前插入新行。
        o: 在当前行之后插入新行。
    2. 修改 c(change) 为主:
        r: 替换光标所在处的字符。
        R:替换光标所到之处的字符。
        cw: 更改光标所在处的字到字尾处。
        c#w: c3w 修改3个字符。
        C:修改到行尾。
        ci':修改配对标点符号中的文本内容。
        di':删除配对标点符号中的文本内容。
        yi':复制配对标点符号中的文本内容。
        vi':选中配对标点符号中的文本内容。
        s:替换当前一个光标所处字符。
        #S:删除 # 行,并以新文本代替。
    3. 删除 d(delete) 为主:
        D:删除到行尾。
        X: 每按一次,删除光标所在位置的前面一个字符。
        x: 每按一次,删除光标所在位置的后面一个字符。
        #x: 删除光标所在位置后面6个字符。
        d^: 删至行首。
        d$: 删至行尾。
        dd:(剪切)删除光标所在行。        
        dw: 删除一个单词/光标之后的单词剩余部分。
        d4w: 删除4个word。
        #dd: 从光标所在行开始删除#行。
        daB: 删除{}及其内的内容。
        diB: 删除{}中的内容。
        n1,n2 d:将n1,n2行之间的内容删除。
    4. 查找:
        /: 输入关键字,发现不是要找的,直接在按n,向后查找直到找到为止。
        ?: 输入关键字,发现不是要找的,直接在按n,向前查找直到找到为止。
        *: 在当前页向后查找同一字。
        #: 在当前页向前查找同一字。
    5. 复制 y(yank)为主:
        yw: 将光标所在之处到字尾的字符复制到缓冲区中。
        #yw: 复制#个字到缓冲区。
        Y:相当于yy, 复制整行。
        #yy:表示复制从光标所在的该行往下数#行文字。
        p: 粘贴。所有与y相关的操作必用p来结合粘贴。
        ]p:粘贴到合适的缩进处。
        n1,n2 co n3:复制第n1行到第n2行之间的内容到第n3行后面。
    6. 大小写转换:
        gUU: 将当前行的字母改为大写。
        guu: 将当前行的字母改为小写。
        gUw: 将当前光标下的单词改为大写。
        guw: 将当前光标下的单词改为小写。
        a. 整篇大写:
        ggguG
        gg: 光标到文件第一个字符。
        gu: 把选择范围全部小写。
        G: 到文件结束。
        b. 整篇小写:gggUG
    7.  其它:
        J:当前行和下一行合并成一行。
    8.  移动:
        n1,n2 m n3:将n1行到n2行之间的内容移至n3行下。
五.退出:
     1. w filename: 保存正在编辑的文件filename
     2. wq filename: 保存后退出正在编辑的文件filename
     3. q:退出不保存。
六.窗口操作:
     1. ctrl+w p: 在两个分割窗口之间来回切换。
     2. ctrl+w j: 跳到下面的分割窗
     3. ctrl+w h: 跳到左边的分割窗。
     4. ctrl+w k: 跳到上面的分割窗。
     5. ctrl+w l: 跳到右边的分割窗。
七.折叠:
    zo 將游標所在處的折疊打開。open。
    zc 將游標所在處已打開的內容再度折疊起來。close。
    zr 將全文的所有折疊依層次通通打開。reduce。
    zm 將全文已打開的折疊依層次通通再折疊起來。more。
    zR 作用和 zr 同,但會打開含巢狀折疊(折疊中又還有折疊)的所有折疊。
    zM 作用和 zm 同,但對於巢狀折疊亦有作用。
    zi 這是個切換,是折疊與不折疊指令間的切換。
    zn 打開全文的所有折疊。fold none。
    zN 這是 zn 的相對指令,回復所有的折疊。

Document

FAQ

  • 如何安装插件?

    1. 直接安装 可以去github下载安装包解压缩到Packages目录(菜单->preferences->packages)。
    2. 利用package,在安装插件之前先安装package packagecontrol 安装 如果在Perferences->package settings中看到package control这一项,则安装成功。
    3. 用Package Control安装插件的方法: 按下Ctrl+Shift+P调出命令面板,输入install,出现Install Package 选项并回车,然后在列表中选中要安装的插件或者直接输入需要安装插件的名称,比如Emmet。
  • 如何删除安装的插件?

    1. ctr+shift+P,输入package
    2. 查找remove package
    3. 输入你要删除的package
    4. 回车,OK
  • 百度输入造成sublime闪退(感谢leohxj提供) 如果同时安装这两个软件,会造成sublime闪退,原因不详。但是测试过,是百度输入法的原因。希望能把这条信息加入到Wiki中,让更多人知道。

  • Emmet tab失效问题

Guide

SublimeText3

Add

  • jikeytang#gmail.com