如何安装 html-css-js prettify

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何安装 html-css-js prettify相关的知识,希望对你有一定的参考价值。

参考技术A 之前用 Sublime Text 格式化代码的时候,安装过 html-CSS-JS Prettify 这个插件,但格式化时却会提示(默认路径未找到Node.js)

虽然完全不知道 Node.js 怎么用,但没关系,只管安装就好。

下载安装
到Node.js 官网下载 32位版本(据说win x64版有问题)安装。
确认Node.js安装路径
鼠标右键HTML/CSS/JS Prettify > Set Plugin Options保证插件路径与Node.js安装路径一致,Ctrl+s保存。

格式化代码
鼠标右键HTML/CSS/JS Prettify > Prettify Code 查看效果

嗯~效果不错!(不喜欢还可以自己设置)
等等!!缩进虚线怎么变这么多条?!(密集恐惧症的怎么活=。=)
下面来设置下:菜单栏 View > Indentation > Tab Width 4 就完美了 :)本回答被提问者和网友采纳

Sublime Text插件:HTML-CSS-JS Prettify

该插件依赖到nodejs环境

1.安装

在Sublime Text中,按下Ctrl+Shift+P调出命令面板;
输入install 调出 Install Package 选项并回车;
输入pretty,并在列表中选择HTML-CSS-JS Prettify后回车即可安装

2.使用

打开一个压缩的jquery.min.js文件,按下Ctrl+Shift+H

如果使用无效果,有可能是中文文件名,或路径的问题,可以打开控制台进行调试 Ctrl + ~

解决中文文件名,路径问题

第83 node_path = PluginUtils.get_node_path()

output = PluginUtils.get_output(cmd)

替换成

node_path = PluginUtils.get_node_path().encode("utf-8")
script_path = PLUGIN_FOLDER + "/scripts/run.js"
if self.view.file_name() is None:
  file_path = None
else:
  file_path = self.view.file_name().encode("utf-8")
cmd = [node_path, script_path, temp_file_path, file_path or "?"]
output = PluginUtils.get_output(cmd)

 

推荐阅读:

Essential Sublime Text 2 Plugins and Extensions
http://code.tutsplus.com/tutorials/essential-sublime-text-2-plugins-and-extensions–net-24173

Sublime Text 使用介绍、全套快捷键及插件推荐
http://www.daqianduan.com/4820.html

以上是关于如何安装 html-css-js prettify的主要内容,如果未能解决你的问题,请参考以下文章

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

SublimeText3系列- HTML-CSS-JS Prettify美化代码&Markdown Preview写作

用Sublime Text 3的HTML-CSS-JS Prettify(需安装node.js)插件格式化代码

sublime text 3安装html-css-js prettify后使用时报错An unhandled OS error was encountered

sublime格式化插件---HTML-CSS-JS Prettify美化代码

sublime text 3 之安装插件HTML-CSS-JS Prettify&Sublime text 3 未显示 Package Control 的解决办法&Sublime的插件