美文网首页
Sublime个人常用配置记录.md

Sublime个人常用配置记录.md

作者: 7f2aceb77681 | 来源:发表于2018-08-23 07:02 被阅读138次

    [TOC]

    七年之痒,文本工具我一直使用Sublime,因为它轻、插件丰富、语法高亮,最主要还是因为它漂亮(主题),所以喜欢:)
    记录Mac下使用Sublime的相关配置、操作,工欲善其事必先利其器,用好工具,对工作效率的提高真不是高那么一点点。

    一、常用快捷键

    ⌘+Shift+F:可选择对应目录,查找并替换关键词;
    ⌘+alt+F:在当前文件中,查找并替换关键词;
    ⌘+Shift+P:打开命令面板;
    ⌘+K+B:开关侧栏;
    ⌘+X:删除当前行;
    ⌘+/:注释当前行;
    按住⌘:依次点击或选取文本,可同时编辑多个位置;
    ⌘+P:快速跳转到当前项目中的任意文件,可进行关键词匹配;

    • 再输入"@":在当前文件,快速列出/跳转到某个函数;
    • 再输入"#":在当前文件,快速搜索关键词;
    • 再输入":":再输入数字,可快速跳转到指定行;

    ⌘ + K , ⌘ + num: {num}级折叠代码;
    ⌘ + K , ⌘ + 0:展开所有代码;
    option + ⌘ + num:窗口多开;
    ⌘+L:选择行,重复按下将下一行加入选择;
    ⌘+D:选择文本,重复按可多选;
    列选择:鼠标右键 + Shift 或 鼠标中键;
    ⌘+⇧+↩:在当前行前插入新行;
    ⌘+↩:在当前行后插入新行;
    ⌘+KK:从光标处删除至行尾;
    ⌘+K⌫:从光标处删除至行首;
    ⌘+KU:改为大写;
    ⌘+KL:改为小写;
    ⌘+/:注释;
    ⌘+⌥+/:块注释;

    二、现用主题

    Boxy Theme主题

    Boxy Theme官方地址:https://packagecontrol.io/packages/Boxy%20Theme

    主题配置:

    {
        "color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme",
        "font_size": 13,
        "ignored_packages":
        [
            "Vintage"
        ],
        "open_files_in_new_window": false,
        "theme": "Boxy Ocean.sublime-theme", // 侧边栏主题
        "update_check": false,
        "word_wrap": true
    }
    

    三、现用插件

    • JSON格式化:Pretty JSON(ctrl + command + j)
    • SmartMarkdown
    • MarkdownEditing
    • 模板插件:SublimeTmpl
    • 文件比对:Compare Side-By-Side
    • Html/Css/Js/Php/Python格式化:CodeFormatter
    • 代码自动注释生成:DocBlockr
    • 显示多余的空格和tab:TrailingSpacer
    • Vue语法高亮:vue-syntax-highlight
    • Html/Css/Js/Vue格式化:HTML-CSS-JS Prettify

    SmartMarkdown

    下载:https://github.com/demon386/SmartMarkdown

    展开收缩标题:tab
    展开收缩所有标题:shift + tab
    任意级别标题间跳转:Ctrl+c Ctrl+n向下,Ctrl+c Ctrl+p向上
    同级别标题间跳转:Ctrl+c Ctrl+f向下,Ctrl+c Ctrl+b向上

    Compare Side-By-Side

    在对应文件右键,与当前文件对比;
    

    SublimeTmpl插件新建文件的快捷键:

    • ctrl+alt+h html
    • ctrl+alt+j javascript
    • ctrl+alt+c css
    • ctrl+alt+p php
    • ctrl+alt+r ruby
    • ctrl+alt++shift+p python

    HTML-CSS-JS Prettify配置

    快捷键:Cmd+Shift+H
    Vue格式化配置:

    {
        "global_file_rules":
        {
            // Be sure to include the `html` key in your user settings to be able
            // to prettify html files.
            "html":
            {
                "allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg", "vue"],
                "allowed_file_syntaxes": ["html", "xml"],
                "disallowed_file_patterns": []
            },
        },
    }
    

    CodeFormatter配置

    快捷键:Control+option+F;
    php格式化配置:

    "php_path": "/usr/bin/php", // Path for PHP executable, e.g. "/usr/lib/php" or "C:/Program Files/PHP/php.exe". If empty, uses command "php" from system environments
    
    // 执行以下命令,否则报permission denied
    $chmod +x /Users/vipinchan/Library/Application Support/Sublime Text 3/Packages/codeformatter/codeformatter/lib/phpbeautifier
    

    DocBlockr注释模板配置

    使用@key desc格式来书写,常用的关键词有:

    @auhor 作者
    @param 参数
    @example 示例
    @link 链接
    @namespace 命名空间
    @requires 依赖模块
    @return 返回值
    @version 版本号

    {
        "jsdocs_param_name": false,
        "jsdocs_param_description": false,
        "jsdocs_return_description": [],
        "jsdocs_return_tag": false,
        "jsdocs_extra_tags_go_after": [],
        "jsdocs_align_tags": [],
        "jsdocs_extra_tags": [
            "",
            "@DateTime {{datetime}}",
            "@author vipinchan",
            "",
            "@version ${1:[version]}",
        ]
    }
    

    四、其它

    • 自定义代码片段(Code Snippets)

    • 设置当前文件的语法模式:⌘+Shift+P后输入目标语言,如json。


      设置当前语法
    • 正则替换
      想要替换的结果是:

    - 只有懂得珍惜和完善自己,才真正懂得,也才真正有能力去帮助别人
    // 换成如下
    - **只有懂得珍惜和完善自己,才真正懂得,也才真正有能力去帮助别人**
    
    image.png

    相关文章

      网友评论

          本文标题:Sublime个人常用配置记录.md

          本文链接:https://www.haomeiwen.com/subject/goauiftx.html