sublime插件 —— 一键美化HTML/CSS/JS代码

  当我们在设计网页页面的时候，如果页面元素有很多，使用HTML-CSS-JS Prettify可以快速整理我们的代码结构，让代码缩进合适，删除多余的空格/空行，安装步骤如下。

---

step1：使用Sublime的package Control安装插件

1. 使用快捷键：Shift + Ctrl + P打开控制台
2. 输入install，找到install package并点击
3. 输入html-css-js prettify，点击下载(等待几秒钟)
4. 安装成功后再次打开控制台，输入List，在已安装的插件里面查看能否找到刚安装的插件

---

step2：查看默认的快捷键设置

  在菜单栏找到preference，依次找到preference > package setting > HTML/CSS/JS Prettify > Keyboard-Shortcuts-Default

[{
  "keys": ["ctrl+shift+h"],
  "command": "htmlprettify"
}, {
  "keys": ["ctrl+alt+h", "p"],
  "command": "htmlprettify_set_prettify_prefs"
}, {
  "keys": ["shift+alt+h", "o"],
  "command": "htmlprettify_set_plugin_options"
}, {
  "keys": ["ctrl+alt+h", "k"],
  "command": "htmlprettify_set_keyboard_shortcuts"
}, {
  "keys": ["ctrl+alt+h", "n"],
  "command": "htmlprettify_set_node_path"
}]

  可以发现，将html文档格式化的快捷操作为： Ctrl + Shift + h

---

step3：测试一下
  打开一个html文件，当我们使用快捷键格式化和他们，l时，它竟然报错了，提示：未在指定的路径找到node.exe文件：

    "node_path":
    {
        "windows": "D:/Program Files (x86)/node-v10.16.2-win-x64/node.exe",
        "linux": "/usr/bin/nodejs",
        "osx": "/usr/local/bin/node"
    },

解决办法：下载一个enode.exe
1：下载地址：http://nodejs.cn/download/
2：可以下载安装包，也可以直接下载二进制文件并解压到文件目录下。
3：根据node.exe所在的目录，修改下面这段代码的nede路径（注意使用 \ ）

"windows": "D:/Program Files (x86)/node-v10.16.2-win-x64/node.exe"

---

如何再试试格式化html，成功啦~