Отключить Eslint-Prettier с Vue на раздражающем форматировании HTML Vue ⇐ Html

[Anonymous]

HOW CAN I LEAVE ME CODE LIKE THIS!!!!?


< /code>


class="d-flex flex-grow-1"
onclick="console.log('testing...');"
style="display: block;"
>
eslint-prettier KEEPS CHANGING MY CODE LIKE THIS... SOOOOOOOOO ANNOYING!!!


< /code>



.eslintrc.json

{
"root": true,
"env": {
"node": true,
"es6": true,
"browser": true
},
"parser": "babel-eslint",
"plugins": [],
"extends": [
"eslint:recommended"
],
"overrides": [
{
"files": [
"**/*.vue"
],
"parser": "vue-eslint-parser",
"parserOptions": {
"parser": "@typescript-eslint/parser"
},
"plugins": [],
"extends": [
"plugin:@typescript-eslint/recommended",
"prettier/@typescript-eslint",
"plugin:vue/vue3-strongly-recommended",
"prettier/vue",
"plugin:prettier/recommended"
]
}
]
}
< /code>

package.json

"devDependencies": {
"babel-eslint": "^10.1.0",
"eslint": "^6.8.0",
"eslint-config-prettier": "^6.10.1",
"eslint-plugin-prettier": "^3.1.3",
"eslint-plugin-vue": "^7.0.0-alpha.0",
"prettier": "^2.0.4",
}
< /code>

setting.json

{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.validate": [
"javascript",
"vue"
]
}
< /code>



I have vetur and eslint installed on VS Code. I am working fine with this set of configure. However, this line wrap setting is very annoying. Anyone can give me advice on how can I disable line wrapping for vue's html or even disable formatting for vue's html?

Thanks in advance.

Подробнее здесь: https://stackoverflow.com/questions/623 ... formatting