如何自动缩进/格式化one-line-js文件?

时间:2012-05-29 00:34:17

标签: javascript

一位优秀的前开发人员希望在离开公司之前让我们的生活更加艰难,并在一条线上开发出一个完整的javascript UI框架。我的意思是......可能他在开发后搞砸了......

重点是......我需要修复很多错误..我想知道你们如何自动缩进整个代码。

感谢

1 个答案:

答案 0 :(得分:14)

  

一行中的整个javascript UI框架

将可读开发代码转换为乱码生成代码的过程称为 minification / uglification 。在一个要点中,此过程优化了生产使用的代码。根据实施情况,它可以(但不限于)以下内容:

  • 通过删除空格(将其转换为单行)压缩代码
  • 通过将变量和函数重命名为较短的
  • 进行压缩
  • 使用替代语法压缩语法(如if到三进制,forwhile
  • 删除死/无法访问的代码
  

你们如何自动缩进整个代码

这项任务有很多工具:

  • 您可以使用JSBeautifier,一种用于格式化JS和HTML的在线工具。方便快速格式化。 There's a plugin for that如果您碰巧使用Sublime Text编辑器。

  • 如果您使用Grunt,则可以使用JSBeautifier task来执行与JSBeautifier在线版相同的功能。

  • Chrome在开发工具的“来源”标签中有一个漂亮的打印选项。这会压缩调试器上的压缩代码 (它不会修改文件)。

  • 如果文件恰好有一个附带的源地图(一个与代码文件同名但扩展名为*.map的文件),那么你祝你好运。源映射类似于包含原始名称与压缩名称的映射的字典。 Chrome和Firefox开发工具支持源地图,但默认情况下不启用。如果您启用它,浏览器将尝试下载它们(假设它们与缩小的文件一起包含)并在开发人员工具的“源”选项卡中使用它们进行查看。