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

1、首先,你要有Sublime Text 3编辑器;

2、你本地要配置NodeJS环境(安装方法可以参考:Node.js学习笔记之一);

3、你的Sublime Text 3编辑器要安装HTML-CSS-JS Prettify插件(安装方法可以参考:Sublime常用插件总结)。

4、我们打开Sublime Text 3编辑器,安装HTML-CSS-JS Prettify插件。

a)在Sublime Text 3中,按下Ctrl+Shift+P调出命令面板;

b)输入install 调出 Install Package 选项并回车;

c)输入pretty,并在列表中选择HTML-CSS-JS Prettify后回车即可安装。

5、查看本地安装的NodeJS配置环境路径(在dos命令下,输入where node并回车)。

使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码_第1张图片

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

使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码_第2张图片

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

使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码_第3张图片

示例

使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码_第4张图片

你可能感兴趣的:(使用Sublime Text 3的HTML-CSS-JS Prettify插件格式化代码)