![](/img/trans.png)
[英]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.