Sublime Text3通过HTML-CSS-JS Prettify自动格式化代码

古城微笑少年丶 2022-06-10 02:44 157阅读 0赞

1、首先安装HTML-CSS-JS Prettify包。

进入sublime，通过Ctrl+Shift+P进入包管理，输入pci（首字母），选择Package Contrl:Intall Package，如图：

![SouthEast][]

回车，进入包安装界面，输入首字母，选择HTML-CSS-JS Prettify，如图：

![SouthEast 1][]

回车，安装，等待安装完成（需要时间较长）。

2、通过菜单栏命令格式化。

打开一个没有格式化的js文件，通过菜单栏Tools->HTML/CSS/JS Prettify->Prettify Code格式化文件。

3、配置快捷键Ctrl+s保存时，自动格式化。

打开菜单栏Perferences->Package Settings->HTML/CSS/JS Prettify->Plugin Options - Defalut打开配置文件，找到如下配置项：

\[html\]  [view plain][]  [copy][view plain]

[![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  "format\_on\_save": false,

改为：

\[html\]  [view plain][]  [copy][view plain]

[![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  "format\_on\_save": true,

保存。

关闭重启Sublime，打开.js文件，按Ctrl+s发现会自动格式化。

[SouthEast]: /images/20220610/0c70b426b98a4348a9434fe2e0cc18e0.png
[SouthEast 1]: /images/20220610/ad6ef1e7af5b4f909a9437522c9d2863.png
[view plain]: http://blog.csdn.net/hehexiaoxia/article/details/54134756#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/2102976
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/2102976/fork

发表评论取消回复

表情：

评论列表（有 0 条评论，157人围观）

还没有评论，来说两句吧...

相关阅读

相关 sublime text3 xml格式化插件

　　尊贵　　Exalt是插件，用于验证和格式化XML文档。　　注意：您可能还想签出。　　屏幕截图中的主题为。　　产品特点　　快速验证文件　　使用以下

朱雀/ 2024年04月03日 13:53/ 0 赞/ 65 阅读

相关在Sublime Text 3上安装代码格式化插件CodeFormatter

1.了解CodeFormatter插件在Sublime Text 3中编写代码，为了能让我们的代码格式变得漂亮整洁，需要一个能自动格式代码的插件。这里发现CodeForma

偏执的太偏执、/ 2023年10月17日 17:52/ 0 赞/ 25 阅读

相关 sublime text3 格式化html代码

转载连接:[http://www.5imb.com/show-83-5884-1.html][http_www.5imb.com_show-83-5884-1.html] 首

╰+攻爆jí腚メ/ 2022年08月06日 17:29/ 0 赞/ 183 阅读

相关 Sublime Text 3如何关闭代码提示?Sublime Text 3关闭代码提示方法

[我们用Sublime Text][Sublime Text]时想自己手写代码却有代码提示，这样不利于我们对代码的记忆，但是Sublime Text默认是开启代码提示的，该怎么

╰半夏微凉°/ 2022年07月15日 15:58/ 0 赞/ 234 阅读

相关 Sublime text3 添加代码片段

创建方法：Tools （工具）> Developer > New Snippet（新片段）此时，会出现如下代码： <snippet> <co

ゝ一世哀愁。/ 2022年07月12日 23:12/ 0 赞/ 196 阅读

相关 sublime text3格式化插件HTML-CSS-JS Prettify

再写代码时，我们总会或多或少的少写空格等，导致代码看起来没那么舒服，这个时候我们就需要对代码进行格式化，让代码看起来更加优美。 sublime text3作为前端的编辑器，它

你的名字/ 2022年06月13日 08:25/ 0 赞/ 167 阅读

相关 Sublime Text3通过HTML-CSS-JS Prettify自动格式化代码

1、首先安装HTML-CSS-JS Prettify包。进入sublime，通过Ctrl+Shift+P进入包管理，输入pci（首字母），选择Package Contrl:

古城微笑少年丶/ 2022年06月10日 02:44/ 0 赞/ 158 阅读

相关 Sublime Text3 格式化代码、JSON

原始串： ![70][] 1.使用自带的格式化（没什么卵用） ![70 1][] 效果： ![70 2][] 2.使用插件（Sublime Text强

r囧r小猫/ 2022年05月23日 07:09/ 0 赞/ 193 阅读

相关 Sublime text 3 格式化HTML/css/js/json代码插件

JsFormat：这里下载这插件包 [https://github.com/jdc0589/JsFormat][https_github.com_jdc0589_JsFor

超、凢脫俗/ 2022年05月20日 07:41/ 0 赞/ 255 阅读

相关 sublime text3 sql 格式化

1、使用快捷键Ctrl+Shift+P或者点击sublime菜单栏的“Preferences”-“package control”, 打开命令面板 2、安装SqlBeauti

野性酷女/ 2021年09月24日 02:48/ 0 赞/ 2147 阅读