javascript - 在 Eclipse 中自动格式化 JavaScript 代码

Question

考虑一下这段 JavaScript 代码的格式:

$("#dataTable").jqGrid({
    url: base + "products-all",
    datatype: "json",
    jsonReader: {repeatitems: false, id: "ref"},
    colNames:["ID","Product name","Price"],
    colModel:[
        {name:"id",index:"id", width:40, align:"right", classes:"grid-col"},
        {name:"name",index:"name", width:600, align:"left", classes:"grid-col", editable:true, editoptions:{size:25}},
        {name:"price",index:"price", width:100, align:"right", classes:"grid-col", formatter:'currency', formatoptions:{decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, prefix: "$ "}}
    ],
    rowNum:5,
    rowList:[5,10,20],
    height:114,
    shrinkToFit: true,
    sortname: 'id',
    sortorder: "asc",
    pager: "#pagingDiv",
    viewrecords: true,
    caption: "Products"
});

我应该如何在 Eclipse 中配置 JavaScript 格式化程序(即 Preferences > JavaScript > Code Style > Formatter) 以确保此代码在应用自动格式化 (SHIFT + CTRL + F) 后看起来可以接受？我可以让 Eclipse 将 JSON 对象的每个字段放在一个新行上，但结果看起来会很乱。我还可以禁用在每个字段后插入换行符，然后整个对象将在一行中。

是否可以禁止在 JSON 对象中插入/删除换行符？如果不可能，我应该如何处理此代码的自动格式化？

我还有另外一个例子:

jQuery("#dataTable").jqGrid(
    'navGrid',
    '#pagingDiv',
    {}, 
    {reloadAfterSubmit:false},
    {reloadAfterSubmit:false},
    {reloadAfterSubmit:false},
    {sopt:['cn','bw','eq','ne','lt','gt','ew']}
);

这是一个方法调用。通常，所有方法参数都应该在同一行中。但在这里我希望每个参数都换行。如何让这段代码通过自动格式化？

更新:

我使用面向 Java EE 开发人员的 Eclipse Kepler。我认为我的 JavaScript 编辑器是 JavaScript Development Tools 插件的一部分，而后者又是 Eclipse Web Developer Tools 包的一部分。

Answer 1

如果你不想每次都按 SHIFT + CTRL + F 那么你只需要转到 Preferences -> Javascript -> 编辑器 -> 保存操作然后选中“格式化源代码”框。