相关文章推荐

README.md

File metadata and controls

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

Video

  • 大城小胖 视频介绍
  • happypeter 快乐的sublime编辑器
  • GreenBoots 前端开发工具技巧介绍—Sublime篇
  • QQ Group

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

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

    Plugins

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

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

    Preferences -> Browser packages -> Emment -> emment -> snippets.json

    [@ Emmet 中文版文档](http://www.iteye.com/news/27580)
    

    Side Bar增强的侧边栏

    Docblockr增强js注释

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

    "align_indent": false, "alignment_chars": ["=", ":"], "alignment_space_chars": ["=", ":"]

    AutoFileName: 文件路径自动提示

    gbk支持 GBK Encoding Support

    检测快捷键冲突

    Markdown

  • markdown
  • LineEndings 设置换行符

    SublimeText插件列表

    html美化插件

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

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

    使用 Sublime Text 2 开发 Unity3D 项目

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

    其它语言框架支持

    JavaScript

  • nodejs snippets and bindings for Sublime Text 2
  • AngularJS-sublime-package
  • avalon completion for sublime 3
  • Sublime Text highlighting for Vue.js
  • Sublime Text helpers for React
  • TypeScript-Sublime-Plugin
  • Bootstrap 3 Snippets Plugin for Sublime Text 2/3
  • Sublime Text代码片段收藏
  • Thinkphp Sublime插件 显示优化,兼容St3版本)
  • laravelgenerator
  • Laravel Blade Highlighter
  • Sublime中的函数手册提示
  • Nodejs

  • sublime3 配置node build环境
  • A Hyperminimal UI Theme for Sublime Text
  • Customize color scheme for Sublime
  • 推荐一款很酷的 Sublime Text 主题 – ayu
  • 现在推荐 Sublime Text 皮肤 – Flatland Dark
  • 现在推荐 Sublime Text 主题 – one-dark-theme

    用户设置 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, // 关闭自动更新 "open_files_in_new_window" : false // 取消单文件预览,单击文件在新标签打开 //"preview_on_click" : 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" } 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
  • localhost设置打开
  • Sublime Text 3 配置浏览器预览路径 localhost
  • st开启全屏之后的设置

    React相关

  • React-navite 实战系列教程之 (开发工具篇)
  • Enable Emmet in .JSX files, using Babel JSX Syntax highlighter
  • Sublime text 3. Enable Emmet in JSX files
  • 多台电脑同步sublime text设置

    Skill

  • 按住 ctrl 键,鼠标单击就是多重选择。
  • 键盘多重选择
  • 根据选择文本自动添加 ', "",(),[] 匹配。
  • 搜索按钮的功能说明 (冷风贡献):
  • 使用 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

  • 非官方文档:Unofficial Document英文版
  • Unofficial Document中文版
  • sublime 配置详解
  • sublime 其它文档
  • 如何安装插件?

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

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

    Emmet tab失效问题

  • Sublime报please wait a bit while pyV8 binary
  • Sublime Text 3 解决Emmet失效的问题
  • 关于Sublime text 2中Emmet的安装 _html:xt无效
  • 有没有类似其它工具的md?

  • 各个编辑器的配置收集 Idea-Settings
  • Guide

  • sublime text zhihu专题
  • xdebug调试
  • sublimetext 3.0文档
  • Sublime Text 3 绝对神器
  • SublimeText手册-tw
  • 怎样从直接Github的repository安装Sublime Text插件
  • Sublime text2的ThinkPHP插件
  • Ubuntu 下Sublime Text 2 输入中文解决方法
  • 如何开发Sublime Text2插件_衍生篇
  • 用sublime构建phonegap项目
  • 超级牛B编码王(二):Sublime2之Zencoding快速上手
  • sublime text 左侧菜单美化1
  • 在 Ubuntu 12 下安装 Sublime Text 2
  • Sublime Text 全程指南
  • Sublime Text 全程指引 by Lucida
  • sublime 有哪些使用技巧
  • 前端工程师手中的Sublime Text
  • Sublime 进阶使用
  • JavaScript 开发者必备的10款 Sublime Text 插件
  • Sublime Text 学习日志
  • Sublime Text 之运行 ES6 (基于babel)
  • sublime 英文教程
  • Sublime-Tutorial
  • Sublime Text 2搭建Java开发环境
  • 高端唯有定制,把sublime打造成专属的IDE
  • 如何优雅地使用 Sublime Text
  • 一个前端程序猿的Sublime Text3的自我修养
  • 前端开发sublimeconfig
  • SublimeText3

  • 推荐给 Web Developer 的 Sublime Text 3 插件
  • Bootstrap 3 Snippets Plugin for Sublime Text 2/3
  • 自定义Emmet语法规则以快速输出bootstrap组件
  • Sublime text 3 中文文件名显示方框怎么解决?
  • win下Sublime Text 3开发 Nodejs
  • 使用sublime Text 3进行java编程的一些总结
  • Sublime Text 3能用支持的插件推荐
  • 使用sublime Text 3进行java编程的一些总结
  • sublime text3 设置专题
  • Sublime Text 3 最好的功能、插件和设置
  • SublimeText3常用快捷键和优秀插件(亲测)
  • jikeytang#gmail.com
  •  
    推荐文章