Speed on Save

[arpowers]

Just trying out this extension and I love having type checking in the Vue component templates. The only problem is that on "save" Volar takes around 10 seconds to compile and do its thing.

Am I doing something wrong? Is there a way to speed this up?

[johnsoncodehk]

Please try to disable code action on save, see: https://stackoverflow.com/questions/63992430/visual-studio-code-how-to-disable-editor-codeactionsonsave

[arpowers]

So to use this plugin basically we have to forgo all formatting/linting on save? Is there a doc on this somewhere?

Would be helpful to get an idea of what needs to change vs Vetur since that's been the modus operandi.

Otherwise, some very cool type checking happening in the templates with this plugin. Good job! @johnsoncodehk

[johnsoncodehk]

First thank you. :)

I guess you has config Fix All code action on save, Vetur do not support code actions like Remove all unused code, Organize Imports... so it just do nothing on save, but Volar support it, so it will do multiple code actions when you save file.

You can config formatting/linting on save, Volar formatting not too slow, but you should avoid Fix All on save.

[izhaoqing]

如果我需要使用 eslint 和 stylelint 的 fix all，可以单独关掉 volar 吗？类似于 "source.fixAll.volar": false 。

[jagoncalves14]

如果我需要使用 eslint 和 stylelint 的 fix all，可以单独关掉 volar 吗？类似于 "source.fixAll.volar": false 。

I have that same doubt - tomorrow I’ll try disabling Volar and leave only eslint and stylelint to make the on save actions.

I’ll leave an update if I find improvements 👌

[jlabresh1]

@jagoncalves14 did you find any improvements?

[johnsoncodehk]

Please try use source.fixAll.eslint instead of source.fixAll.

[sandercoffee]

Worked for me

  "[vue]": {
    "gitlens.codeLens.scopes": ["document"],
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true,
  },
  "editor.codeActionsOnSave": {
    "source.fixAll": false,
    "source.organizeImports": false
  },

[Miguel-Bento-Github]

Removing

"editor.codeActionsOnSave": ["source.organizeImports"]

from my global settings, did the trick. Hope it helps others.