Sublime Text插件之HTML-CSS-JS Prettify

天马3798

于 2016-12-19 20:42:07 发布

阅读量8.1k

点赞数

分类专栏：开发工具文章标签： Sublime Text HTML-CSS-JS Prettify

本文链接：https://blog.csdn.net/u011127019/article/details/53748245

版权

开发工具专栏收录该内容

55 篇文章 3 订阅

订阅专栏

一、Sublime Text插件之HTML-CSS-JS Prettify

说明：如果仅是对HTML、CSS、JS进行格式化显示的话‘HTML-CSS-JS Prettify’插件比‘CodeFormatter’要好一些。

关于CodeFormatter:http://blog.csdn.net/u011127019/article/details/52265980

注：

1.改插件格式化不是所有的标记都换行，然而在CodeFormatter中是这样

2.改插件格式化时候，对于同一行内多个空格，自动处理成一个空格

html格式化实例：

二、相关整理：

GitHub源代码地址：https://github.com/victorporof/Sublime-HTMLPrettify

Package Control地址：https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify

三、使用步骤

1.下载插件，解压到：根目录/Data/Packages 中

2.配置关联

{
  // Simply using `node` without specifying a path sometimes doesn't work :(
  // https://github.com/victorporof/Sublime-HTMLPrettify#oh-noez-command-not-found
  // http://nodejs.org/#download
  "node_path": {
    "windows": "C:/Program Files/nodejs/node.exe",
    "linux": "/usr/bin/nodejs",
    "osx": "/usr/local/bin/node"
  },

  // Automatically format when a file is saved.
  "format_on_save": true,

  // Only format the selection if there's one available.
  "format_selection_only": true,

  // Log the settings passed to the prettifier from `.jsbeautifyrc`.
  "print_diagnostics": true
}

3.配置格式化参数，目前使用感觉使用默认就可以。