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

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

进入sublime,通过Ctrl+Shift+P进入包管理,输入pci(首字母),选择Package Contrl:Intall Package,如图:

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

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

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

回车,安装,等待安装完成(需要时间较长)。

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
 Sublime Text3通过HTML-CSS-JS Prettify自动格式化代码Sublime Text3通过HTML-CSS-JS Prettify自动格式化代码
  1. "format_on_save": false,

改为:

[html] view plain copy
 Sublime Text3通过HTML-CSS-JS Prettify自动格式化代码Sublime Text3通过HTML-CSS-JS Prettify自动格式化代码
  1. "format_on_save": true,
保存。

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