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

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

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

使用快捷键：Shift + Ctrl + P打开控制台
输入install，找到install package并点击
输入html-css-js prettify，点击下载(等待几秒钟)
安装成功后再次打开控制台，输入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，成功啦~

sublime插件 —— 一键美化HTML/CSS/JS代码相关推荐

sublime多行变一行及sublime一键格式化html/css/js、光标快捷键移动行首行尾、删除空行
一.sublime多行变一行 1. Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行. 2.按Del键,删掉 \n 注: https://www.thinb ...
【小技巧】如何对混乱的HTML/CSS/JS代码进行格式化排版
如何对混乱的HTML/CSS/JS代码进行格式化排版 1. 将混乱的代码拷贝到一个文档中,通过NotePad++打开: 2.点开插件-插件管理: 3.搜索JSTool,并安装: 4.安装成功后会重启N ...
【转】Maven Jetty 插件的问题（css/js等目录死锁）的解决
Maven Jetty 插件的问题(css/js等目录死锁,不能自动刷新)的解决: 1. 打开下面的目录:C:\Users\用户名\.m2\repository\org\eclipse\jetty\j ...
sublime自动识别html代码格式,Sublime Text3格式化html/css/js代码以及快捷键的查看与设置...
本篇文章主要介绍在Sublime Text3中如何进行代码的格式化,以及去查看和设置Sublime默认的快捷键和插件的快捷键. 一.格式化html.css.js代码 1)首先我们使用Sublime自带 ...
sublime一键格式化html/css/js
1.使用快捷键ctrl+shift+p调出控制台,输入install package,然后输入html-css-js prettify,进行下载 2.下载完成后,在preference打开packag ...
jseclipse 是eclipse插件，让你编写js代码感觉更爽
一直以来都没有客意的去找一下eclipse下面的javascript开发插件,今天在网上无意发现了一个,回去试了一下,感觉不错.写JS代码根写PHP代码差不多感觉挺爽的. JSEclipse是个Ecl ...
css js 代码怎么隐藏,如何仅使用js代码（和css）隐藏元素？
在现有的代码中,我有一个html页面,其中包含一些java类中存在的变量.我想要做的是隐藏一些变量,如果没有定义(根本没有值),并以正常方式显示其他变量.如何仅使用js代码(和css)隐藏元素? 下面 ...
国外可以在线测试java|c++|asp.net|css|js代码的网站
目录 1.在线测试python 2.在线测试linux 3.在线测试C++ 4.在线测试html+css+javascript 5.在线测试Java 6.在线测试php 7.在线创建Asp.net应用 ...
传智播客设计学院主页学习案例——HTML,CSS,JS代码学习案例
页面制作效果图 HTML代码: <!DOCTYPE html> <html><head><meta charset="utf-8" /&g ...

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

sublime插件 —— 一键美化HTML/CSS/JS代码相关推荐

最新文章

热门文章