一款适合自己的编辑器能大大提升开发效率。没有最好的,只有自己最熟悉、最适合的编辑器,孰好孰坏,这里不做争论。
讲到这里,以前学习vim的时候,看到过一篇编辑器之争的文章,找不到原文了,这里看下转载的,特别有趣。
目前为止,我使用时间最长的是sublime。大学专业是C#方向,使用的当然是visual studio;出来工作后,做PHP开发,在艾萌科技使用过半年的notepad++,他们是直接FTP连上服务器在服务器上开发 ;后来转前端后,一直使用的就是sublime。当然,最近几年前端发展迅猛,各种编辑器也如雨后春笋层出不穷。使用过号称Web开发最好的编辑器的WebStorm;有见同事使用过visual studio code,自己没有使用过;做混合APP、使用MUI时,使用过Hbuilder;做微信公众号开发当然使用微信开发工具……综上所述,各种编辑器几乎都使用过,不论及好坏,用的最上手的还是sublime。
扯得有点远了,言归正传:
一、sublime的下载与安装
手册:https://www.w3cschool.cn/sublimetext/
目前(2019-8-28)最新版的是Sublime Text 3 (Build 3207)。sublime不是免费的,需要购买。新版(3207)破解和历史版本有点不一样,要复杂一些。具体破解方法自己百度咯。当然也可以网上直接下载破解版,这里不再赘述。
二、sublime插件安装与配置
1.安装Package Control
打开sublime,菜单栏“Tools→Install Package Control”
2.安装语言包
菜单栏“Preferences→Package Control”,选择“Install Package”,输入“clz”,选择“ChineseLocalizations”安装。
或者快捷方式:Ctrl+Shift+p 打开命令面板,输入“ip”,在输入“clz”。Esc键退出。
3.Emmet
使用: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,