VSCode 在不应该的时候格式化(更漂亮,javascript)
VSCode formatting when it shouldn't be (prettier, javascript)
我已经解决了几乎所有 ESLint 和 Prettier 之间的冲突。但是,我最近 运行 遇到了一个让我难过的问题。
const data = await userManager
.getUsers()
.orderBy('joinedDate', 'desc')
.limit(20)
.get();
我非常喜欢上面的这种格式,prettier
看起来也是。
问题:保存文件时,格式变回:
const data = await userManager.getUsers().orderBy('joinedDate', 'desc').limit(20).get();
让我感到困惑的是 prettier
是我在 vscode 中保存的格式化程序 Javascript。
"editor.defaultFormatter": null,
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
但是,当所有内容都在一行时,我得到的 Linting 错误是...prettier
说有错误。
所以,它是:
- 漂亮的说有错误。
- 我使用 prettier
将其“快速修复”回多行修复
- 但是当我“保存”文档时,它通过使用格式化程序返回到一行 - 更漂亮?
什么告诉我与其他东西有冲突 running/formatting 是我在格式化程序实际将其正确放回(prettier
?)之间保存时出现“闪光”,但随后它被格式化第二次回到单排长队。
但是,我只有 1 个格式化程序?
经过一些挖掘和试验,这似乎是允许它与 prettier
和 es6 linter 一起正常工作的设置组合。
// vscode's settings.json
//
"editor.formatOnSave": false,
"editor.defaultFormatter": null,
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.codeActionsOnSave": {
"source.fixAll": true
},
我已经解决了几乎所有 ESLint 和 Prettier 之间的冲突。但是,我最近 运行 遇到了一个让我难过的问题。
const data = await userManager
.getUsers()
.orderBy('joinedDate', 'desc')
.limit(20)
.get();
我非常喜欢上面的这种格式,prettier
看起来也是。
问题:保存文件时,格式变回:
const data = await userManager.getUsers().orderBy('joinedDate', 'desc').limit(20).get();
让我感到困惑的是 prettier
是我在 vscode 中保存的格式化程序 Javascript。
"editor.defaultFormatter": null,
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
但是,当所有内容都在一行时,我得到的 Linting 错误是...prettier
说有错误。
所以,它是:
- 漂亮的说有错误。
- 我使用 prettier 将其“快速修复”回多行修复
- 但是当我“保存”文档时,它通过使用格式化程序返回到一行 - 更漂亮?
什么告诉我与其他东西有冲突 running/formatting 是我在格式化程序实际将其正确放回(prettier
?)之间保存时出现“闪光”,但随后它被格式化第二次回到单排长队。
但是,我只有 1 个格式化程序?
经过一些挖掘和试验,这似乎是允许它与 prettier
和 es6 linter 一起正常工作的设置组合。
// vscode's settings.json
//
"editor.formatOnSave": false,
"editor.defaultFormatter": null,
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.codeActionsOnSave": {
"source.fixAll": true
},