Sublime Text中如何对杂乱的代码进行格式化

我们使用Sublime Text编辑文件的时候,经常会遇到一些杂乱无章的内容,那么如何对这些杂乱的内容进行格式化呢?下面小编就给大家分享一下。

操作方法

  • 01

    首先我们打开Sublime Text软件,新建一个HTML文件,然后在文件中键入一些杂乱的代码,如下图所示

  • 02

    接下来点击顶部的首选项菜单,然后选择下拉菜单中的Package Control选项,如下图所示

  • 03

    在弹出的Package Control界面中输入Ins,Sublime会自动模糊查询相应的内容,我们选择Install Package即可,如下图所示

  • 04

    接下来会进入Install Package界面,我们在输入框里面输入html-css-js prettify,选择第一个按回车键进行安装,如下图所示

  • 05

    安装完毕以后我们点击顶部的工具菜单,然后查看下拉菜单中是否有HTML/CSS/JS Prettify选项,如果有则证明安装成功,如下图所示

  • 06

    回到刚才新建的HTML文件中,我们按ctrl+shift+h组合键以后你会发现刚才杂乱的代码都立刻被格式化了,如下图所示

  • 07

    另外你也可以对Prettify插件进行一些设置,这个时候你点击工具下面的HTML/CSS/JS Prettify选项,然后选择Plugin Options选项即可

  • 08

    最后如果你想格式化其他类型的代码文件,比如SQL语言的,那么你就需要找针对SQL语言的格式化插件了,这里小编教大家一招,在命令模式中输入Format就可以调出各种语言的格式化插件了,大家自己选择即可

(0)

相关推荐

  • 如何在sublime text中快速运行浏览web/html页面

    sublime text 是一款体积小非常实用的编辑器,基本上开发需要的插件都有,当我们在编写web程序的时候,需要单独去打开html文件来运行,很麻烦,那么有什么插件可以直接用快捷键打开呢? 操作方 ...

  • sublime Text代码怎设置70字符自动换行?

    sublime Text中可以设置自动换行,该怎么设置70字符自动换行呢?下面我们就来看看详细的教程. 1.进行在当前的代码的编辑器当中,可以在随意选中当行中. 2.可以看到的是进行选中当中英文行中. ...

  • Sublime Text如何进行代码补全

    在程序开发的过程中,如果我们能尽量少的敲代码就会加快开发速度.而现在很多的开发工具都实现了这一功能,那就是代码补全功能.下面小编给大家分享一下在sublime text中如何进行代码补全 操作方法 0 ...

  • Sublime Text 3怎么关闭代码提示?

    我们用Sublime Text时想自己手写代码却有代码提示,这样不利于我们对代码的记忆 1.启动Sublime Text 3 2.单击首选项→设置-用户,如果是英文版的就Setting -> U ...

  • 怎样关闭Sublime Text的代码提示

    我们用Sublime Text时想自己手写代码却有代码提示,这样不利于我们对代码的记忆 操作方法 01 启动Sublime Text 3 02 单击首选项→设置-用户,如果是英文版的就Setting ...

  • 将Sublime Text 2固定到Ubuntu启动器的方法

    Sublime Text 2是我用过的感觉最好的代码编辑器,UI和插件管理都很棒,而且现在处于无限期可以免费试用中,Ubuntu也是我最喜欢的Linux操作系统。因为Sublime Text并不是需要 ...

  • 带你了解Sublime Text的使用

    Sublime Text算是前端开发中最常使用的文本编辑器之一,对于前端工程师来说熟悉手中的编辑器就像熟悉筷子一样重要。Sublime Text的入门文章网上已经太多了,本文只关注能提升前端工程师工作 ...

  • 怎样更换 Sublime Text 主题字体

    Sublime Text 作为脚本程序开发工具是一个不错的选择,支持多种语言,支持代码高亮显示,必要时还有代码提示功能.但是有的主题字体实在是难看,不过 Sublime Text 中也是可以更改的,只 ...

  • sublime text 3文件路径没有提示怎么设置

    开始使用sublime text 3的时候,你也许会发现,给某个img写src路径时候,并没有弹出提示,不得不让你手动去本地文件夹找文件.其实sublime text 3是很强大的编辑器,但它很多功能 ...