使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码

不少时候，咱们想要格式化HTML-CSS-JS代码，网站上有不少实现此功能的小工具，固然，个人网站首页也有。可是，若是咱们的代码编辑器上面也有这样的功能，那不是更加快速便捷？So，接下来，咱们看看Sublime Text 3是如何使用插件实现此功能的吧！

1、必要条件:

一、首先，你要有Sublime Text 3编辑器；
二、你本地要配置NodeJS环境（安装方法能够参考：Node.js学习笔记之一）；
三、你的Sublime Text 3编辑器要安装HTML-CSS-JS Prettify插件（安装方法能够参考：Sublime经常使用插件总结）。

 

2、安装过程：

一、咱们打开Sublime Text 3编辑器，安装HTML-CSS-JS Prettify插件。

a)在Sublime Text 3中，按下Ctrl+Shift+P调出命令面板;
b)输入install 调出 Install Package 选项并回车;
c)输入pretty，并在列表中选择HTML-CSS-JS Prettify后回车便可安装。

 

二、查看本地安装的NodeJS配置环境路径（在dos命令下，输入where node并回车）。

 

 

三、在编辑器的任意一个html/js/css文件中，右击，出现以下图所示，选择Set Plugin Options。

 

 

四、将上述步骤2中的NodeJS本地路径保存到步骤3中打开的文件中，以下图所示。

 

 

五、成功安装HTML-CSS-JS Prettify插件。

3、作个DEMO：

一、原始HTML模板，混乱不堪。

 

 

二、右击，选择Prettify Code。

 

 

三、格式化结果。