如何解决div上的eslint和更漂亮的break样式标签
我已经用eslint建立了一个Nuxt项目。 VSCode自动格式化我的代码。
但是我不明白为什么它抱怨我的div上的样式标签:
<div style="background-image: url('/pic.svg');background-size: 800px auto;background-position: 50% -120px;"></div>
错误:
将background-image:·url('/pic.svg');background-size:·800px·auto;background-position:·50%·-120px;
替换为⏎··········background-image:·url('/pic.svg');⏎··········background-size:·800px·auto;⏎··········background-position:·50%·-120px;⏎········
eslintprettier / prettier
并将其转换为:
<div
style="
background-image: url('/pic.svg');
background-size: 800px auto;
background-position: 50% -120px;
"
></div>
浏览器不再理解样式标签,而是抱怨格式错误。
如何禁用它?
"plugin:prettier/recommended",
负责重新格式化。
Eslint配置:
module.exports = {
root: true,env: {
node: true,browser: true,},extends: [
// https://eslint.vuejs.org/rules/#priority-c-recommended-minimizing-arbitrary-choices-and-cognitive-overhead-for-vue-js-2-x
"plugin:vue/recommended",// https://eslint.org/docs/rules/
"eslint:recommended",// https://github.com/prettier/eslint-plugin-prettier#recommended-configuration
"plugin:prettier/recommended",// https://github.com/prettier/eslint-config-prettier#eslint-config-prettier
"prettier","prettier/vue",],rules: {
"vue/component-name-in-template-casing": ["error","PascalCase"],"vue/no-v-html": 0,"no-console": process.env.NODE_ENV === "production" ? "error" : "off","no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",globals: {
$nuxt: true,parserOptions: {
parser: "babel-eslint",};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。