question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Volar does not respect "Editor: Auto Closing Quotes" setting when writing attributes in templates

See original GitHub issue

When you start typing something like class= the Volar extension tries to be helpful and adds a pair of quotes automatically.

image

I’m sure this is an intended feature. However, this disregards the setting in VS Code that allows the developer to disable “Editor: Auto Closing Quotes”.

image

Personally, I find auto quotes or brackets distracting, as I don’t expect characters to appear without my input, so I have that setting set to “never”. I’m sure that I’m in the minority on that preference, given the fact that the setting is enabled by default, but I do think I’m justified in expecting an extension to respect this preference, or to add a setting of its own to disable auto quotes.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

4reactions
johnsoncodehkcommented, Jan 5, 2022

This is by new html config html.autoCreateQuotes and it is not release yet, you need to add "html.autoCreateQuotes": false to settings manually for now, see https://github.com/microsoft/vscode/blob/f0054e049cd286ff317c738efe0fd8810b48ae98/extensions/html-language-features/package.json#L200-L205.

2reactions
keithbrinkcommented, Mar 21, 2022

@johnsoncodehk There seems to be a regression on Volar where it doesn’t respect the "html.autoCreateQuotes": false setting:

0c9d7a33-32e2-459c-bd16-173bc5f2e2d8

Read more comments on GitHub >

github_iconTop Results From Across the Web

Visual Studio Code disable auto-quote - Stack Overflow
Open the Settings-Dialog: Press Strg + , or Navigate with mouse to File | Settings · Change the Value of: editor.autoClosingQuotes to the...
Read more >
Having a tough time setting up EsLint/Prettier to work with Volar
I'm having a tough time understanding how VSCode with the Volar extension, Eslint and Prettier all work together. I followed this article to ......
Read more >
November 2021 (version 1.63) - Visual Studio Code
Learn what is new in the Visual Studio Code November 2021 Release (1.63) ... The default for this setting is 120% of the...
Read more >
typescript variable with dollar sign - TATA Social Enterprise Challenge
If this is not possible It would be nice if I could assign the variable with ... template syntax highlight broken if quotes...
Read more >
ESLint and Prettier with Vite and Vue.js 3 - Vue School Blog
ESLint is not only able to detect errors in your code, ... to automatically fix things with a keyboard shortcut or on the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found