Answers:
首先,选择您最喜欢的基于Javascript的Pretty Print / Beautifier。我更喜欢http://jsbeautifier.org/,因为这是我首先发现的。下载其文件https://github.com/beautify-web/js-beautify/blob/master/js/lib/beautify.js
其次,下载并安装Mozilla集团基于Java的Javascript引擎Rhino。“安装”有点误导;下载zip文件,解压缩所有内容,然后将js.jar放入Java类路径(或OS X上的Library / Java / Extensions)。然后,您可以使用与此类似的调用来运行脚本
java -cp js.jar org.mozilla.javascript.tools.shell.Main name-of-script.js
使用第1步中的Pretty Print / Beautifier编写一个小的shell脚本,该脚本将读取您的javascript文件,并通过第1步中的Pretty Print / Beautifier运行它。例如
//original code
(function() { ... js_beautify code ... }());
//new code
print(global.js_beautify(readFile(arguments[0])));
Rhino为javascript提供了一些额外的有用功能,这些功能不一定在浏览器上下文中有意义,而在控制台上下文中有用。函数print可以完成您所期望的操作,并打印出一个字符串。函数readFile接受文件路径字符串作为参数,并返回该文件的内容。
您将调用上面的类似
java -cp js.jar org.mozilla.javascript.tools.shell.Main beautify.js file-to-pp.js
您可以在Rhino运行脚本中混合并匹配Java和Javascript,因此,如果您了解一点Java,也可以通过文本流使其运行起来并不难。
2014年4月更新:
自从我在2010年回答这个问题以来,美化工具已被重写。现在那里有一个python模块,一个用于nodejs的npm包,而jar文件不见了。请阅读github.com上的项目页面。
Python样式:
$ pip install jsbeautifier
NPM样式:
$ npm -g install js-beautify
使用它:
$ js-beautify file.js
原始答案
添加到@Alan Storm的答案
基于http://jsbeautifier.org/的命令行美化器 变得更易于使用,因为它现在(替代地)基于V8 javascript引擎(c ++代码)而不是基于rhino(基于Java的JS引擎)打包作为“ js.jar”)。因此,您可以使用V8代替犀牛。
如何使用:
从http://github.com/einars/js-beautify/zipball/master下载jsbeautifier.org zip文件
(这是链接到zip文件的下载URL,例如http://download.github.com/einars-js-beautify-10384df.zip)
旧的(不再起作用,jar文件消失了)
java -jar js.jar name-of-script.js
新(替代)
从svn安装/编译v8 lib,请参见上述zip文件中的v8 / README.txt
./jsbeautify somefile.js
-与Rhino版本的命令行选项略有不同,
-并且在配置为“外部工具”时在Eclipse中效果很好
如果您使用的是nodejs,请尝试uglify -js
在Linux或Mac上,假设已经安装了nodejs,则可以使用以下命令安装uglify:
sudo npm install -g uglify-js
然后获得选项:
uglifyjs -h
因此,如果我有一个foo.js
看起来像这样的源文件:
// foo.js -- minified
function foo(bar,baz){console.log("something something");return true;}
我可以这样美化它:
uglifyjs foo.js --beautify --output cutefoo.js
uglify
默认情况下使用缩进空格,因此,如果我要将4空格缩进转换为制表符,则可以运行unexpand
Ubuntu 12.04附带的选项卡:
unexpand --tabs=4 cutefoo.js > cuterfoo.js
或者,您可以一次完成所有操作:
uglifyjs foo.js --beautify | unexpand --tabs=4 > cutestfoo.js
您可以在此处找到有关展开的更多信息
所以毕竟,我得到的文件看起来像这样:
function foo(bar, baz) {
console.log("something something");
return true;
}
更新2016-06-07
尽管安装方法相同,但uglify-js的维护者似乎正在使用版本2。
uglifyjs -b
不仅可以解决缩进,还可以重新排列并重新编写代码,也许是为了提高效率。那不是我想要的 我在Ubuntu 14.04中使用的是旧版本。
uglifyjs -b
重新安排和重写代码?
$ sudo apt install jsbeautifier
$ js-beautify ugly.js > beautiful.js
js-beautify -o file.js file.js
在控制台中,您可以将Artistic Style(aka AStyle)与结合使用--mode=java
。
它运行良好,并且是免费的,开放源代码和跨平台的(Linux,Mac OS X,Windows)。
我无法在接受的答案中添加评论,因此这就是为什么您看到的帖子本来不应该存在的原因。
基本上,我还需要用Java代码编写一个javascript美化工具,但令我惊讶的是,据我所知,没有一个可用。因此,我完全根据接受的答案编写了自己的代码(它包装了jsbeautifier.org beautifier .js脚本,但可以从Java或命令行调用)。
该代码位于https://github.com/belgampaul/JsBeautifier
我使用了rhino和beautifier.js
从控制台使用:java -jar jsbeautifier.jar脚本缩进
示例:java -jar jsbeautifier.jar“函数ff(){return;}” 2
来自Java代码的用法:公共静态字符串jsBeautify(String jsCode,int indentSize)
欢迎您扩展代码。就我而言,我只需要缩进即可,以便在开发时可以检查生成的javascript。
希望可以为您节省一些时间。
我写了一篇文章,解释如何在5分钟内构建用JavaScript实现的命令行JavaScript美化器。YMMV。
- 下载最新的稳定Rhino并将其解压缩到某个地方,例如〜/ dev / javascript / rhino
- 下载前面提到的jsbeautifier.org引用的beautify.js,然后将其复制到某个位置,例如〜/ dev / javascript / bin / cli-beautifier.js
在beautify.js的末尾添加此代码(对JavaScript使用一些其他顶级属性):
// Run the beautifier on the file passed as the first argument. print( j23s_beautify( readFile( arguments[0] )));
将以下代码复制粘贴到可执行文件中,例如〜/ dev / javascript / bin / jsbeautifier.sh:
#!/bin/sh java -cp ~/dev/javascript/rhino/js.jar org.mozilla.javascript.tools.shell.Main ~/dev/web/javascript/bin/cli-beautifier.js $*
(可选)将带有jsbeautifier.js的文件夹添加到PATH或移动到已有的文件夹。