我用 npm 和 vuejs/vue-cli 创建了一个项目。
我导入了 ESLint 扩展。
我的 package.json
文件中有 eslint 条目。
现在当我格式化我的代码时(右击,格式化代码),它完全毁坏了我的代码。
我要怎么做才能让 vscode 根据 ESLint 规则格式化?
但在网站上,ESLint 提示所有内容的格式不正确,因此从某种意义上说,它显然已安装并正在运行:
最佳答案
1)首先需要在VS code中安装ESLint扩展
此扩展使用 ESLint 库。如果您尚未在本地或全局安装 ESLint,请运行
npm install eslint //For a local install
or
npm install -g eslint //For a global install.
2) 然后,在 VS 代码中打开 Setting.json 文件。经过 文件-> 首选项-> 设置。
3) 添加以下设置。
{
"eslint.enable": true,
"eslint.autoFixOnSave": true,
"eslint.run": "onType",
"eslint.options": {
"extensions": [".js",".vue"]
},
"eslint.validate": [
{ "language": "vue", "autoFix": true }
]
}
4) 现在,检查您的 vue 文件。它将开始显示 linting 错误。如果没有,请重新启动 VS 代码。
关于vue.js - Vue 中的 ESLint 代码格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45852531/