Sublime text 3 如何格式化html/CSS/JS代码

使用Sublime text 3 编写代码是一种享受，使用Sublime text 3 格式化代码插件也是一种享受，具体安装步骤如下：

HTML-CSS-JS Prettify是一款集成了格式化（美化）html、css、js三种文件类型的插件。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。

使用Sublime text 3 格式化CSS代码，需要安装插件，具体安装步骤如下：

1、打开菜单->首选项->插件控制，输入 install package

2、等待程序进入插件管理功能，再输入插件名称：prettify

4、插件安装成功后，在需要格式化的HTML/css/js代码中，选中代码，然后按Ctrl+Alt+H对代码进行格式化。

html-css-js prettify 格式化CSS会再每个CSS后面都添加一个换行，取消该换行的方法：

      打开：菜单>tools>html/css/js prettify>set prettify preferences

  修改设置newline_between_rules的参数为false

5. 指定node的路径

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

6. 在编辑器的任意一个html/js/css文件中，右击，出现如下图所示，选择Plugin Options Default。

7.将上述步骤5中的NodeJS本地路径复制粘贴到步骤6中打开的文件中，如下图所示。

至此，成功安装HTML-CSS-JS Prettify插件。

使用对html/CSS/JS 进行格式化，右击选择Prettify Code。

效果图如下：

完毕。