sublime 的使用总结

2017-06-22  本文已影响30人  akira_preview

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

一、常用插件

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

1. SideBarEnhancements (broweser preview)

你看名字以为是这边栏扩展,但是可以解决浏览器预览问题。建立快捷键方式,用strl + shift + p 去搜索key binding user。
set keyShortcut configunation, you will go to ctrl + shift + p and search key bind 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

10. sublime-compare-side-by-side

search

compara width

11. IMESupport

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

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


二、插件备份

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


三、启动和禁用插件

    n package diable

或者

    n package enable

四、快捷键的设置

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

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


五、在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,这里提供传送门

上一篇下一篇

猜你喜欢

热点阅读