vscode格式化代码禁止自动换行

问题产生

代码格式化的功能由插件提供,比如veture,默认的配置超过很短的长度就回换行。
所以需要修改配置。
打开 文件 - 首选项 - 设置,然后点击右上角的图标。进入settings.json文件。
搜狗截图20220421170631.png
在这里面写配置。

问题解决

1.使用Prettier - Code formatter来格式化

安装好后在配置文件中写

{
  "prettier.printWidth":120, //指定换行的长度,指定合适的值就不会很短就换行
}

然后格式化的时候选Prettier来格式化

2.修改veture的换行配置

{
  "vetur.format.defaultFormatter.html": "js-beautify-html",

  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_line_length": 200,
      "wrap_attributes": "auto",
      "end_with_newline": false
    }
  },
}

然后格式化的时候选veture来格式化
这个配置参数格式化后很难看,需要自己去调整合适的参数,但至少不乱换行了。

总结

网上找的方法配置全是错的,不知道从哪里复制的过时版本,不知道什么时候这个也是过时的版本。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值