sublime如何格式化代码

╰+攻爆jí腚メ 2021-11-08 21:58 468阅读 0赞

sublime text 代码格式化插件：[https://github.com/bitst0rm-pub/Formatter][https_github.com_bitst0rm-pub_Formatter]

sublime是一款非常轻便，插件丰富，功能强大的编辑器。也正因为其通用性，所以很多功能需要安装插件，通过插件来实现。

比如悬赏的代码格式化功能，其实问题相当地不准确，因为不同语言的格式化功能是根据不同的插件来实现的。接下来，笔者就来讲讲sublime格式化代码的处理方法。

首先声明，笔者当前所用的sublime是最新的sublime text 3正式版，所以外观上可能之前的版本稍有不同，但是sublime各版本功能基本一致，不影响使用。

1.  第一部分，我们来讲sublime自带的、基本的代码格式化功能——“reindent”。
    
    个人先建立了一个HTML页面作为示例。多个元素的排列和缩进都被打乱。
    
    [![sublime如何格式化代码][sublime]][sublime_sublime]
2.  为了使其排列整齐，我们对文本进行全选（当然，如果只想重新排列部分代码也可以选择部分），然后选择sublime菜单栏的“edit”-“line”-“reindent”选项。reindent即重新缩进，顾名思义，即对当前的文本进行重新缩进处理。也可以看到，在其上方还有indent 和 unindent两个选项，分别代表增加缩进和减少缩进功能，并在后方写有其快捷键，各位网友可以自行尝试。
    
    [![sublime如何格式化代码][sublime 1]][sublime_sublime 1]
3.  在“reindent”后，可以看到，全部的代码缩进都正常了。但是，sublime自带的重新缩进功能较为单一，就像其名称一样，仅仅是保证缩进正常了而已。而对于代码中写法不规范的地方，无法进行处理，这不符合我们编码的需求。接下来我们结合sublime插件，来讲解更完善的格式化代码功能。
    
    [![sublime如何格式化代码][sublime 2]][sublime_sublime 2]
4.  第二部分，笔者将结合sublime插件来进行代码的格式化处理。由于不同的代码有不同的格式化要求，本部分仅使用sql format来进行演示，其它语言的格式化大家可以自行查找插件安装。首先，笔者在网上找了一段SQL代码，并特地打乱了其排布。
    
    [![sublime如何格式化代码][sublime 3]][sublime_sublime 3]
5.  然后，使用快捷键Ctrl+Shift+P或者点击sublime菜单栏的“Preferences”-“package control”, 打开命令面板。如果各位网友没能打开，说明尚未安装package control，可以看下方的注意事项。
    
    [![sublime如何格式化代码][sublime 4]][sublime_sublime 4]
6.  选择命令面板中的Install package，在新弹出的搜索栏中输入“format”可以看到有大量的格式化插件可供选择。当然，并不是所有的格式化插件都要有format字样。重新搜索，笔者选择了名为“SQL Beautifier”的SQL格式化插件。
    
    [![sublime如何格式化代码][sublime 5]][sublime_sublime 5]
7.  安装完成之后，该插件在Windows下提供了Ctrl+K 、Ctrl+F的格式化快捷键，从而提供格式化操作。**注意，是先按Ctrl + K，再按下Ctrl + F**，否则的话，单独使用Ctrl+F是默认查找的快捷键。该格式化插件的GitHub主页：https://github.com/zsong/SqlBeautifier 。格式化效果如下图：
    
    [![sublime如何格式化代码][sublime 6]][sublime_sublime 6]
8.  总结，sublime本身只提供基本的缩进重置功能，不同语言的格式化可以使用不同的插件来实现。开源社区的生命力是无与伦比的，各种层出不穷的插件为我们的开发工作提供了诸多便利。
    
    END

## 注意事项 ##

*  不同版本（sublime text2/3）的插件偶尔会不兼容，需要注意。
 *  部分插件的运行偶尔需要先决程序，比如需要电脑上安装了Python，Ruby， Nodejs等，大家在使用过程中多看文档。
 *  这里附上package control 的安装经验

[https_github.com_bitst0rm-pub_Formatter]: https://github.com/bitst0rm-pub/Formatter
[sublime]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWdzYS5iYWlkdS5jb20vZXhwL3c9NTAwL3NpZ249YjY3MmFhMzBhYThiODdkNjUwNDJhYjFmMzcwOTI4NjAvMjFhNDQ2MjMwOWY3OTA1MjlkNGM1ZjNmMDdmM2Q3Y2E3YmNiZDU1Yi5qcGc
[sublime_sublime]: /images/20211108/43b22b70fc744ef3952599f38d6a6a9b.png
[sublime 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWdzYS5iYWlkdS5jb20vZXhwL3c9NTAwL3NpZ249YzY1MjM3ZTRhNjZlZGRjNDI2ZTdiNGZiMDlkYWI2YTIvZWFjNGI3NDU0M2E5ODIyNjA3NWEzMjI2ODE4MmI5MDE0YTkwZWIxYy5qcGc
[sublime_sublime 1]: /images/20211108/b2943be944fd4e09973fbae3b03f9446.png
[sublime 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWdzYS5iYWlkdS5jb20vZXhwL3c9NTAwL3NpZ249NTM0ZmQ4MTU2MDYwMGMzM2YwNzlkZWM4MmE0YzUxMzQvNTg4MmIyYjdkMGEyMGNmNDA5ODFlNWRlN2QwOTRiMzZhY2FmOTk5OS5qcGc
[sublime_sublime 2]: /images/20211108/7af3bf1d6c0843d6acb0fa427d95db45.png
[sublime 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWdzYS5iYWlkdS5jb20vZXhwL3c9NTAwL3NpZ249NGFiZjhhM2Y3MGVjNTRlNzQxZWMxYTFlODkzOTliZmQvZDAwOWIzZGU5YzgyZDE1OGE3M2Y1ZWIwOGIwYTE5ZDhiYzNlNDI3NS5qcGc
[sublime_sublime 3]: /images/20211108/dcdb566b104e48388e345502812477cf.png
[sublime 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWdzYS5iYWlkdS5jb20vZXhwL3c9NTAwL3NpZ249ZGIyOTAwOTk1NWRmOGRiMWJjMmU3YzY0MzkyM2RkZGIvZDAwMGJhYTFjZDExNzI4YmMwNTk4ZDIzYzNmY2MzY2VjM2ZkMmNiZS5qcGc
[sublime_sublime 4]: /images/20211108/f4c0539f7fb846f9a8c8d4196e86b69e.png
[sublime 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWdzYS5iYWlkdS5jb20vZXhwL3c9NTAwL3NpZ249NmQ2OGViZjU1YWRhODFjYjRlZTY4M2NkNjI2NmQwYTQvNDJhOTgyMjZjZmZjMWUxNzRhODQ4ZjMwNDE5MGY2MDM3MzhkZTlmYy5qcGc
[sublime_sublime 5]: /images/20211108/b3d946582a094268b6c286c861004062.png
[sublime 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWdzYS5iYWlkdS5jb20vZXhwL3c9NTAwL3NpZ249N2FjZmZhM2Y3MGVjNTRlNzQxZWMxYTFlODkzOTliZmQvZDAwOWIzZGU5YzgyZDE1ODk3NGYyZWIwOGIwYTE5ZDhiZDNlNDJlNS5qcGc
[sublime_sublime 6]: /images/20211108/23f4436f99664c0b9d51c694eb685897.png