如何使用命令行美化JavaScript代码?

19 浏览
0 Comments

如何使用命令行美化JavaScript代码?

我正在编写一个批处理脚本,以美化JavaScript代码。它需要在WindowsLinux上运行。

如何使用命令行工具美化JavaScript代码?

admin 更改状态以发布 2023年5月20日
0
0 Comments

2014年4月更新:

修订器从2010年我回答这个问题开始进行了重写。现在有一个Python模块,一个NodeJS的npm包,而jar文件已被删除。请阅读github.com项目页面

Python的使用方法:

 $ pip install jsbeautifier

NPM的使用方法:

 $ npm -g install js-beautify

使用它(这将在终端上返回美化的JS文件,主文件保持不变):

 $ js-beautify file.js

要使更改对文件生效,您应该使用此命令:

$ js-beautify -r file.js

原始回答

添加@Alan Storm的答案

命令行美化器基于http://jsbeautifier.org/有了一些更易于使用的功能,因为它现在(可选)基于V8 JavaScript引擎(C ++代码)而不是Rhino(基于Java的JS引擎,打包为“js.jar”)。因此,您可以使用V8代替Rhino。

如何使用:

http://github.com/einars/js-beautify/zipball/master下载jsbeautifier.org zip文件

(这是一个下载链接,指向一个zip文件,例如http://download.github.com/einars-js-beautify-10384df.zip

旧版(不再可用,jar文件已被删除)

  java -jar js.jar  name-of-script.js

新版(可选)

从svn安装/编译v8库,请参阅上述zip文件中的v8/README.txt

  ./jsbeautify somefile.js

-与Rhino版本略有不同的命令行选项,

-在Eclipse中配置为“外部工具”时运行良好

0
0 Comments

首先,选择你喜欢的基于Javascript的代码格式化/美化工具。我更喜欢http://jsbeautifier.org/中的一个,因为这是我找到的第一个。下载它的文件https://github.com/beautify-web/js-beautify/blob/master/js/lib/beautify.js\n\n其次,下载并安装Mozilla组的基于Java的Javascript引擎Rhino。\"安装\"这个词有些误导;下载zip文件,解压缩所有内容,在Java classpath(或者在OS X中的Library/Java/Extensions下)放置js.jar文件。然后你可以使用类似下面的调用方式运行脚本:\n\n

java -cp js.jar org.mozilla.javascript.tools.shell.Main name-of-script.js

\n\n使用步骤1中的代码格式化/美化工具书写一个小的shell脚本,将你的Javascript文件读入,并通过步骤一中的代码格式化/美化工具进行格式化/美化。例如:\n\n

//original code    
(function() { ... js_beautify code ... }());
//new code
print(global.js_beautify(readFile(arguments[0])));

\n\nRhino为Javascript提供了一些额外有用的函数,这些函数在浏览器上下文中可能没有意义,但在控制台上下文中是有意义的。函数print执行你期望的操作,并打印出一个字符串。函数readFile接受一个文件路径字符串作为参数,并返回该文件的内容。\n\n你可以像这样调用以上内容:\n\n

java -cp js.jar org.mozilla.javascript.tools.shell.Main beautify.js file-to-pp.js

\n\n你可以在Rhino运行脚本中混合和匹配Java和Javascript,因此如果你了解一些Java,使用文本流管理流也不太难。

0