js-beautify 不换行

 最近在用Hbuilder-X,自带js-beautify。但是默认格式化设置实在是看着太难受。来看看一个VX的格式化，参数愣是给用了三行才格式化完，而且两个参数还分开了，看着太难受。

// mutations
const mutations = {
    setProducts(state, { 
        defects 
        }) {
        console.log("mutations.setProducts", defects)
        state.all = defects
    }
}

 

让我们来美化一下，是不是看着很舒服了。

const mutations = {
    setProducts(state, { defects }) {
        console.log("mutations.setProducts", defects)
        state.all = defects
    }
}

 

具体配置就是打开js-beautify的配置文件，修改两个配置就可以了

"brace_style": "collapse-preserve-inline", //代码样式，可选值 [collapse|expand|end-expand|none][,preserve-inline] [collapse,preserve-inline
"wrap_line_length": 12000, //根据需要设置换行长度