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

https://blog.csdn.net/haoxuexiaolang/article/details/79131448

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

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

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

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

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

3、点击安装插件HTML-CSS-JS 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。

效果图如下:

完毕。


---------------------
作者:吴华权
来源:CSDN
原文:https://blog.csdn.net/haoxuexiaolang/article/details/79131448
版权声明:本文为博主原创文章,转载请附上博文链接!

原文地址:https://www.cnblogs.com/beimingbingpo/p/9854413.html