sublime如何格式化代码

sublime text 代码格式化插件:https://github.com/bitst0rm-pub/Formatter

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

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

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

  1. 第一部分,我们来讲sublime自带的、基本的代码格式化功能——“reindent”。

    个人先建立了一个HTML页面作为示例。多个元素的排列和缩进都被打乱。

    sublime如何格式化代码

  2. 为了使其排列整齐,我们对文本进行全选(当然,如果只想重新排列部分代码也可以选择部分),然后选择sublime菜单栏的“edit”-“line”-“reindent”选项。reindent即重新缩进,顾名思义,即对当前的文本进行重新缩进处理。也可以看到,在其上方还有indent 和 unindent两个选项,分别代表增加缩进和减少缩进功能,并在后方写有其快捷键,各位网友可以自行尝试。

    sublime如何格式化代码

  3. 在“reindent”后,可以看到,全部的代码缩进都正常了。但是,sublime自带的重新缩进功能较为单一,就像其名称一样,仅仅是保证缩进正常了而已。而对于代码中写法不规范的地方,无法进行处理,这不符合我们编码的需求。接下来我们结合sublime插件,来讲解更完善的格式化代码功能。

    sublime如何格式化代码

  4. 第二部分,笔者将结合sublime插件来进行代码的格式化处理。由于不同的代码有不同的格式化要求,本部分仅使用sql format来进行演示,其它语言的格式化大家可以自行查找插件安装。首先,笔者在网上找了一段SQL代码,并特地打乱了其排布。

    sublime如何格式化代码

  5. 然后,使用快捷键Ctrl+Shift+P或者点击sublime菜单栏的“Preferences”-“package control”, 打开命令面板。如果各位网友没能打开,说明尚未安装package control,可以看下方的注意事项。

    sublime如何格式化代码

  6. 选择命令面板中的Install package,在新弹出的搜索栏中输入“format”可以看到有大量的格式化插件可供选择。当然,并不是所有的格式化插件都要有format字样。重新搜索,笔者选择了名为“SQL Beautifier”的SQL格式化插件。

    sublime如何格式化代码

  7. 安装完成之后,该插件在Windows下提供了Ctrl+K 、Ctrl+F的格式化快捷键,从而提供格式化操作。注意,是先按Ctrl + K,再按下Ctrl + F,否则的话,单独使用Ctrl+F是默认查找的快捷键。该格式化插件的GitHub主页:https://github.com/zsong/SqlBeautifier 。格式化效果如下图:

    sublime如何格式化代码

  8. 总结,sublime本身只提供基本的缩进重置功能,不同语言的格式化可以使用不同的插件来实现。开源社区的生命力是无与伦比的,各种层出不穷的插件为我们的开发工作提供了诸多便利。

    END

注意事项

  • 不同版本(sublime text2/3)的插件偶尔会不兼容,需要注意。

  • 部分插件的运行偶尔需要先决程序,比如需要电脑上安装了Python,Ruby, Nodejs等,大家在使用过程中多看文档。

  • 这里附上package control 的安装经验   

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: Sublime Text3可以通过安装插件来格式化代码,常用的插件有: 1. Beautify:支持多种语言的代码格式化,包括HTML、CSS、JavaScript等。 2. HTML-CSS-JS Prettify:支持HTML、CSS、JavaScript代码格式化。 3. JsFormat:支持JavaScript代码格式化。 4. CSScomb:支持CSS代码格式化。 安装插件后,在Sublime Text3中打开需要格式化的文件,按下快捷键Ctrl+Shift+P,输入插件名称,选择对应的格式化命令即可。 ### 回答2: Sublime Text3是一个非常流行的文本编辑器,它有很多功能,其中之一就是可以格式化代码Sublime Text3作为一款高效的文本编辑器,它可以帮助开发者快速高效地编辑代码。而Sublime Text3格式化代码的功能,可以帮助开发者更好地呈现代码,使代码更具有可读性和可维护性。 Sublime Text3的代码格式化功能可以通过安装插件的方式实现。其中最受欢迎的代码格式化插件是Prettier。可以通过使用Prettier,来自动格式化Sublime Text3中的代码。以下是如何使用Prettier来格式化代码的步骤: 1. 安装Prettier插件。在Sublime Text3中,打开Package Control(Ctrl+Shift+P),选择Install Package进行安装。在搜索框中输入Prettier,点击安装即可。 2. 配置Prettier。在Sublime Text3中,打开Preferences,选择Package Settings,找到Prettier,点击Settings – Default。在设置文件中找到“prettier_cli_args”选项,可以在此处设置Prettier的参数。例如,在这里可以设置tab宽度、换行符等等。可以根据自己的需求进行设置。 3. 格式化代码。在编辑器中打开一个包含待格式化代码的文件,然后在编辑器中按下Ctrl + Shift + P键,然后在命令框中输入Prettier,并选择Prettier: Format Document命令。可以格式化整个文件,也可以选中部分代码进行格式化。 4. 查看代码变化。格式化代码后,可以对比代码的变化。可以看到,代码缩进更为规范,换行符,分号等等也经过了自动调整。 总之,Sublime Text3是一款强大的文本编辑器,而Prettier则为Sublime Text3提供了强大的格式化代码功能。通过使用Sublime Text3的代码格式化功能,可以让代码更加规范化,提高代码质量和可读性,也可以节省开发者的时间和精力。 ### 回答3: Sublime Text3 是一款比较流行的编程工具,它的代码格式化功能也非常实用。在这篇文章中,我将分为两个步骤来介绍 Sublime Text3 格式化代码的方法。 第一步: 安装插件 Sublime Text3 的格式化功能需要依靠插件来实现,我们需要先安装它。 点击 Sublime Text3 的 Preferences -> Package Control -> Install Package ,在下方的搜索框中输入“ CodeFormatter ”,然后选择安装。 第二步:设置快捷键 完成插件的安装后,我们可以设置快捷键来使用格式化功能。在 Sublime Text3 的 Preferences -> Key Bindings 中,打开 Default(User) 文件,将以下代码复制到文件末尾。 { "keys": ["ctrl+alt+f"], "command": "code_formatter", "context": [ { "key": "selector", "operator": "equal", "operand": "source.js" } ] } 然后点击保存就可以了。 好了,现在我们已经完成了 Sublime Text3 格式化代码的设置。我们只需要选中代码,然后按下“Ctrl+Alt+F”快捷键,即可完成代码格式化了。而且地方的文本格式化都可以轻松通过快捷键来实现。 总的来说,Sublime Text3 的代码格式化功能对于程序员来说确实非常实用,它可以让我们把注意力更多地集中在代码逻辑上,从而提高工作效率。希望上述的方法能够对你有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值