[英]Difference eslint between 'prettier/vue' and '@vue/prettier'
[英]Prettier to format .vue
Prettier VS Code 扩展不能与 .vue 一起正常工作。 我的意思是如何设置更漂亮以将其与 eslint 集成并在Cmd+Shift+P -> Format Document
上格式化 .vue 文件。 .eslintrc.js
:
module.exports = {
root: true,
env: {
browser: true,
},
extends: [
'plugin:vue/essential',
'standard'
],
plugins: [
'vue'
]
}
您需要在.eslintrc.js
文件中定义这些规则,如下所示:
module.exports = {
root: true,
env: {
node: true
},
extends: ["plugin:vue/essential", "@vue/prettier"],
rules: {
"no-console": process.env.NODE_ENV === "production" ? "error" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
"prettier/prettier": [
"warn",
{
"singleQuote": true,
"semi": false,
"trailingComma": "none"
}
]
},
parserOptions: {
parser: "babel-eslint"
}
};
更容易的是安装 vetur octref.vetur
扩展,然后添加一个 .vscode>settings.json 与以下
{
"editor.defaultFormatter": "octref.vetur",
"vetur.format.defaultFormatter.html": "prettier",
"vetur.format.defaultFormatter.css": "prettier",
"vetur.format.defaultFormatter.postcss": "prettier",
"vetur.format.defaultFormatter.scss": "prettier",
"vetur.format.defaultFormatter.less": "prettier",
"vetur.format.defaultFormatter.stylus": "stylus-supremacy",
"vetur.format.defaultFormatter.js": "prettier",
"vetur.format.defaultFormatter.ts": "prettier"
}
您可以在根目录中添加 .prettierrc.json 文件,并且
{
"singleQuote": true,
"tabWidth": 2,
"semi": false
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.