CSS、JS 代码在 Sublime Text 3 下的快速压缩
2019-07-26 本文已影响9人
Wallys
压缩
压缩代码,只需要选择需要压缩的代码,然后直接用 ST3 自带的快捷键【Ctrl (Command) + J】即可直接在当前文件中压缩:
压缩后的样子
格式化
面对一些被压缩的前端代码,阅读费劲,为了在代码编辑器上方便阅(chao)读(xi),可以用 Sublime Text 的 HTML-CSS-JS Prettify 插件实现格式化。
安装步骤:
- 在 ST3 下 Ctrl (Command) + Shift + P 然后输入 pcip 并回车,等待搜索框出现后;
- 输入 prettify,在列表中选择 HTML-CSS-JS Prettify 后回车即可安装。
使用步骤:
-
一份压缩后的 CSS 文档:
经过压缩的 CSS 文档 -
选择需要格式化的部分,右键后选择「HTML/CSS/JS Prettify」-「Prettify Code」:
Prettify -
完成格式化:
完成格式化