sublime 使用总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了sublime 使用总结相关的知识,希望对你有一定的参考价值。

不管你用什么编辑,sublime是首选编辑器,就是sublime淘汰,但已成为标准。例如:atom,几乎等同于sublime,及其他可以几乎调成到sublime操作方式。

一、常用插件

插件搜索地址:packagecontrol.io。当然你也可以在github上搜索了。

1. SideBarEnhancements (broweser preview)

 你看名字以为是这边栏扩展,但是可以解决浏览器预览问题。建立快捷键方式,用`strl + shift + p` 去搜索key binding user.

[
    { "keys": ["ctrl+shift+c"], "command": "copy_path" },
    //chrome
    { "keys": ["f1"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C://Program Files (x86)//Google//Chrome//Application//chrome.exe",
                "extensions":".*" //匹配任何文件类型
            }
    },
    //360
    { "keys": ["f2"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Users\\Administrator\\AppData\\Roaming\\360se6\\Application\\360se.exe",
                "extensions":".*" //匹配任何文件类型
            }
    },
    //ie
    { "keys": ["f3"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Program Files (x86)\\Internet Explorer\\iexplore.exe",
                "extensions":".*" //匹配任何文件类型
            }
    },
    // firefox
    { "keys": ["f4"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "D:\\Program Files\\Mozilla Firefox\\firefox.exe",
                "extensions":".*" //匹配任何文件类型
            }
    }
]

ps: 如果前端自动化,那么这个做法只是测试一些html,css,js采用,真正的项目,你还是用自动化(gulp、grunt、webpack、browserify,前端四大金刚)。


2. sass 、scss、css3

这个我没有找到合适autocomplete plugin package,并没能将这个三个自动合在一起,导致你写scss,想写css3的属性,他没有提示,写css3时,scss也没提示,scss和sass并且乱用的,我在其他编辑器中,发现都是整合在一起的。例如:atom做到了。

我不知道有什么其他好方法,能够将这三个的autocomplete整合在一起。

注意: 这里我没安装compass和autoprefixer,安装过,后卸载了。另外其他编辑器atom和webstorm,phpstorm、Hbuild等也不没有配置。想想看每个编辑都要配置,且都自动化,也就一个月用那么几次测测东西。因此,我将他们卸载和禁用,用 Koala + Browser-Sync来替代。

3. sublimeText-nodejs

看名字,就明白是nodejs插件,我不太喜欢 ctrl + b 来执行运行nodejs,与cli的命令都不一样,也没有那么多时间记这些命令,所以还是老老实实在cli中敲命令。

其他插件,提一个名字,看英文单词

4. sublime-compare-side-by-side

这个是在侧边项目栏,右击项目文件,呼出的菜单面板。

5. emmet

6. python-markdown

这个他自身配有

7. formatting 或者 prettify Code

8. terminal

9. AdvanceNewFile

  • ctrl + alt + n 创建文件
  • ctrl + alt + shift + n

10. sublime-compare-side-by-side

search

11. IMESupport

解决IME候选框不跟踪的问题

compara width    

总结:当然,插件很多种,就看个人喜好。


二、插件备份

配置好了自己编辑器,做备份,为以后安装方便。有三种备份方法:

  • 备份在github上
  • 备份在云盘上
  • package sync

三、启动和禁用插件

    n package diable

或者

    n package enable

四、快捷键的设置

??我不太喜欢设置快捷键,除了个浏览器预览设置外。我其他都保持默认。很多时候靠 ctrl + shift + p 来搜索命令。若真要设置,进入key binding-user。查看所有默认快捷键方式,进入key binding-default

常用快捷键,看很多文章,总是一长串,花时间记录快捷键,还不如多多记代码。 还不只需要记住ctrl + shift + p 记不住,就搜(the English capacity problem, it is your problem, rather than not belong me)

  • ctrl + p 文件搜索
  • ctrl + R 文件替换
  • 分屏
    • alt + shift + 1
    • alt + shift + 2
    • alt + shift + 3
    • alt + shift + 4
    • alt + shift + 5
    • alt + shift + 8

五、在cli用subl打开文件,如下:

subl a.txt

1. window系统下

??1) cmder 和 cmd

doskey subl="D:\Program Files\sublime3\Sublime Text 3\sublime_text.exe" $*

ps: 上面要通过管理员权限启动cli并输入,是否加上变量环境(不太清楚,我的电脑加上了),

??2) cygwin

$ echo ‘alias subl="/cygdrive/c/Program\ Files/Sublime\ Text\ 2/sublime_text.exe"‘ >> ~/.bashrc

在这个问题上百度是吃狗屎的,请上stackoverflow

2. mac下

没用过mac,这里提供传送门

以上是关于sublime 使用总结的主要内容,如果未能解决你的问题,请参考以下文章

如何在Sublime Text中添加代码片段

Sublime Text自定制代码片段(Code Snippets)

Sublime Text3自定义代码片段

sublime代码片段

sublime 添加代码片段(snippets)

sublime text3 增加代码片段(snipper)