Why does it not work after setting 4 space indents?

paste the code in the setting file
{

first.

"editor.formatOnSave": true,
"eslint.autoFixOnSave": true,
"eslint.validate": [
    "javascript",
    "javascriptreact",
    {
        "language": "vue",
        "autoFix": true
    }
],
"editor.detectIndentation": true,
"vetur.format.defaultFormatter.js": "none",
"workbench.colorTheme": "Palenight Theme",
"window.zoomLevel": 2,
"editor.lineHeight": 30,
"editor.tabSize": 4,
"prettier.tabWidth": 4,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
    "wrap_attributes": "force-aligned"
}

}
in "editor.tabSize": 4,
"prettier.tabWidth": 4, I set 4 in both settings, but the page formatting code is still indented by 2 spaces, how to solve this problem?

Vue.js visual-studio-code

Jun.20,2022

just refer to [VS Code indentation problem] https://codeshelper.com/q/10... solved
" editor.detectIndentation ": false
" editor.tabSize ": 4,

when you're done, restart vscode. You can try

the number of spaces equal to a tab. When Editor: Detect Indentation is enabled, this setting may be overwritten depending on the contents of the file.
check to see if Detect Indentation is on (if enabled, it checks the format of the file itself), and if so, change it to off.

Previous: How to get the downloaded part when ajax requests a file stream, but if there is an error in the request, you can continue to download it when you request it again to achieve breakpoint continuation.

Next: Why is the eslint performance of vscode different from that of webstrom

Why is it so difficult for vscode to write vue if you want to use a vetur?
rt, installed vetur last year, and I have always felt that I have written several vue projects with or without it. Now I want to give full play to the role of this plug-in. I have always had several doubts: 1. Now the vue file code highlights I do have...

Vue.js visual-studio-code

Feb.28,2021
The problem of Intellisense failure of (VS Code) Vetur in a single file component
= Please refer to the adopted answer and the following comments for the solution = has installed the Vetur plug-in to recognize the structure inside the .vue single file, but cannot use the properties and methods bound in the Vue instance. for examp...

Vue.js visual-studio-code

Mar.24,2021
Code appears WARNING Compiled with 1 warnings when the terminal is running
after I updated vscode, WARNING Compiled with 1 warnings appeared a red wavy line in a line of code in my Refund.vue. Later, I uninstalled vscode and then reinstalled it. Later, after Baidu checked "vetur.validation.template ": true, changed this ...

Vue.js visual-studio-code html5

Apr.14,2021
The vscode+debugger for chrome plug-in develops the mobile web program based on vux, and the debugging breakpoints are not matched.
problem description The vscode+debugger for chrome plug-in develops vux-based mobile web programs, and adds breakpoints in vue. When executed, the breakpoints do not match, and debugging sometimes stops where the breakpoints are not set. another pr...

Vue.js visual-studio-code debug chrome

Jul.08,2021
Vscode supports less and html tag auto-completion is not compatible?
the automatic completion of html tags for 1.vscode requires the installation of the HTML Snippets plug-in, and then the preference setting is valid as follows: "files.associations": { "*.vue": "html" }, 2. A red wavy ...

Less vue.js visual-studio-code

Jul.17,2021
Vue + typescript:Property 'xxx' does not exist on type' Vue'.
< H2 > question: vue + typescript practice. Vscode prompts for properties and methods that are not defined under the vue object (in fact, they have already been defined) < H2 > related codes and hints: export default Vue.extend({ props: { menu:...

Vue.js visual-studio-code typescript javascript

Aug.19,2021
Vscode code formatting removes the quotation marks of the parameters that watch listens to in the vue file, can it not be deleted?
< H2 > unformatted code is shown in figure 1: < H2 > figure 1 alt+ shift + f 2 2 do you guys know how to configure it? it has been tested that the key of object properties will be formatted! ...

Prettier vue.js visual-studio-code

Oct.14,2021
Indentation problem when vscode formats vue code
when the beauty,vuter,prettier, format code is installed in the relevant plug-ins, the indentation is always 2. If you want to change it to 4, you can t adjust it well according to the method on the Internet. this is a custom setting. What other conf...

Prettier vue.js visual-studio-code

Nov.06,2021
Can the Document This comment plug-in support vue files?
The editor is that vscode, installs the document this annotation plug-in, but only supports html and js files, and cannot be used in vue files. how to use the document this plug-in in the vue file, or is there an alternative? ...

Vue.js visual-studio-code

Nov.30,2021
Vue single-file component, after import other objects, in the event of that object, this accesses the incoming object instance, not the vue component instance
how to access the data of a vue instance in the event of an import object ...

Vue.js visual-studio-code javascript

Dec.01,2021
Format problems when formatting code in vsCode
when using vsCode to write vue, format, this kind of line breaks, it looks very uncomfortable, I would like to ask how to set it up, so that this kind of non-line wrapping display? <el-select v-model="configQueryParam.vehicleType" ...

Vue.js visual-studio-code

Jan.17,2022
How to identify the built-in less file in vscode?
I created a .vue file in vscode, and then built less code into the vue file: <style lang="less" scoped> .floor-ad-words{ padding: 0 10px 10px 10px; font-size: 12px; background-color: -sharpfff; .text{ margin: 0; line-he...

Less vue.js visual-studio-code

Mar.24,2022
When the vetur plug-in for VSCODE formats vue, the stylus style is removed
now the goodsForm.vue form component uses the encapsulated m-select component (encapsulated element el-select), and the drop-down box style needs to be modified. Because the drop-down box style is inserted directly under the body, you need to write the ...

Javascript vue.js visual-studio-code

May.09,2022
Vue syntax is highlighted in html files, not .vue files. Does vscode have plug-ins?
the old background project, there is no front and back end separation, want to use vue vue syntax to highlight in the html file, not .vue file, does vscode have plug-ins? ...

Vue.js visual-studio-code

Jun.28,2022