sublime text3编辑器

一款适合自己的编辑器能大大提升开发效率。没有最好的,只有自己最熟悉、最适合的编辑器,孰好孰坏,这里不做争论。

讲到这里,以前学习vim的时候,看到过一篇编辑器之争的文章,找不到原文了,这里看下转载的,特别有趣。

目前为止,我使用时间最长的是sublime。大学专业是C#方向,使用的当然是visual studio;出来工作后,做PHP开发,在艾萌科技使用过半年的notepad++,他们是直接FTP连上服务器在服务器上开发 :arrow: ;后来转前端后,一直使用的就是sublime。当然,最近几年前端发展迅猛,各种编辑器也如雨后春笋层出不穷。使用过号称Web开发最好的编辑器的WebStorm;有见同事使用过visual studio code,自己没有使用过;做混合APP、使用MUI时,使用过Hbuilder;做微信公众号开发当然使用微信开发工具……综上所述,各种编辑器几乎都使用过,不论及好坏,用的最上手的还是sublime。

扯得有点远了,言归正传:

一、sublime的下载与安装

官网:http://www.sublimetext.com

手册:https://www.w3cschool.cn/sublimetext/

目前(2019-8-28)最新版的是Sublime Text 3 (Build 3207)。sublime不是免费的,需要购买。新版(3207)破解和历史版本有点不一样,要复杂一些。具体破解方法自己百度咯。当然也可以网上直接下载破解版,这里不再赘述。

二、sublime插件安装与配置

1.安装Package Control

打开sublime,菜单栏“Tools→Install Package Control”

官网:https://packagecontrol.io

2.安装语言包

菜单栏“Preferences→Package Control”,选择“Install Package”,输入“clz”,选择“ChineseLocalizations”安装。

或者快捷方式:Ctrl+Shift+p 打开命令面板,输入“ip”,在输入“clz”。Esc键退出。

3.Emmet

官网:https://emmet.io

使用:https://docs.emmet.io/cheat-sheet/

官网文档是英文的,具体语法可自行百度。需要注意的是,安装emmet时,会自动安装依赖PyV8 binary库,会需要较长时间或科学上网。

4.SideBarEnhancements

侧栏右键功能增强

5.BracketHighlighter

BracketHighlighter插件是用来匹配相对的符号,然后高亮显示,比如{ }、[ ]、” “等符号的对应高亮显

6.Alignment

Alignment是一个代码格式化插件,它可以使多行代码中的等号对齐,也可以调整多行代码为一个缩进级别。

快捷键:Ctrl+Alt+A

7.DocBlockr

生成js ,php 等语言函数注释,只需要在函数上面输入/** ,然后按tab 就会自动生成注释模板

8.AutoFileName

文件名自动补全,根据路径自动提示该路径下的文件

9.DeleteBlankLines

选中需要批量删除空行的部分,Ctrl + Alt + Backspace,选中部分的所有空行就都被删除了

10.ColorPicker & Color Highlight

ColorPicker:快捷键Ctrl+Shift+C,调出调色板

ColorHighlight:颜色高亮。这里还有一个类似插件:ColorHighlighter,这个插件我装了无效,各种配置,各种百度,然后换了一个。

11.SFTP

这个插件以前也装过,但是从来没有在sublime里面使用过。FTP一直使用的FlashFXP。

12.ConvertToUTF8

文件转码成utf-8,一般编辑器设置默认使用utf-8编码,但是其他项目有GBK、GB2312的,方便转换。

13.FileDiffs

这个插件以前也没有使用过,以前使用的是Beyond Compare这款软件。

14.JSFormat

javascript代码格式化插件

15.Pretty JSON

JSON代码格式化插件

16.SublimeTmpl

sublime的模版插件,真心好用。

使用说明:使用手册


不写了不写了,要装的插件后续开发中根据需要再进行安装,上面的常用插件够用了。

可参考这篇文章,有动图:https://www.cnblogs.com/dingwenshuang/p/9139807.html

sublime使用手册:https://www.w3cschool.cn/sublimetext/

三、各种配置

“首选项”→“设置”,打开settings-user文件,添加下列内容:

    // 关闭检测更新
    “update_check”: false,
    // 默认编码
    “default_encoding”: “UTF-8”,
    // 设置tab的大小为2
    “tab_size”: 2,
    // 使用空格代替tab
    “translate_tabs_to_spaces”: true,
    // 添加行宽标尺
    // “rulers”: [80, 100],
    // 显示空白字符
    “draw_white_space”: “all”,
    // 保存时自动去除行末空白
    “trim_trailing_white_space_on_save”: true,
    // 保存时自动增加文件末尾换行
    “ensure_newline_at_eof_on_save”: true,