使⽤SublimeText3的HTML-CSS-JSPrettify插件格式化代码
很多时候，我们想要格式化HTML-CSS-JS代码，⽹站上有很多实现此功能的⼩⼯具，当然，我的也有。但是，如果我们的代码编辑器上⾯也有这样的功能，那不是更加快速便捷？So，接下来，我们看看Sublime Text 3是如何使⽤插件实现此功能的吧！
⼀、必要条件:
1、⾸先，你要有Sublime Text 3编辑器；
2、你本地要配置NodeJS环境（安装⽅法可以参考：）；
3、你的Sublime Text 3编辑器要安装HTML-CSS-JS Prettify插件（安装⽅法可以参考：）。
sublime text3安装教程⼆、安装过程：
1、我们打开Sublime Text 3编辑器，安装HTML-CSS-JS Prettify插件。
a)在Sublime Text 3中，按下Ctrl+Shift+P调出命令⾯板;
b)输⼊install 调出 Install Package 选项并回车;
c)输⼊pretty，并在列表中选择HTML-CSS-JS Prettify后回车即可安装。
2、查看本地安装的NodeJS配置环境路径（在dos命令下，输⼊where node并回车）。
3、在编辑器的任意⼀个html/js/css⽂件中，右击，出现如下图所⽰，选择Set Plugin Options。
4、将上述步骤2中的NodeJS本地路径保存到步骤3中打开的⽂件中，如下图所⽰。
5、成功安装HTML-CSS-JS Prettify插件。
三、做个DEMO：
1、原始HTML模板，混乱不堪。
2、右击，选择Prettify Code。
3、格式化结果。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。