沃梦达 / 编程技术 / 前端开发 / 正文

关于vue.js：在Vue项目中用VScode正确设置Eslint Air

沃梦达教程前端开发

2022-09-16

Correctly setup Eslint Airbnb with VScode in Vue project这是我没有 linting 的 Vuejs 代码。在我运行之后 npm run lint --fix代码是这样的但我再次做...

这是我没有 linting 的 Vuejs 代码。

在我运行

之后

npm run lint --fix

代码是这样的

但我再次做了一些更改并按下 Control C。它被格式化为旧代码并返回相同的 linting 错误。

我认为当我点击 Control C 时我的代码会自动格式化。

这是我的 Vue 项目 eslint.rc 文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

module.exports = {
root: true,
env: {
node: true,
},
extends: [
'plugin:vue/essential',
'@vue/airbnb',
],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
},
parserOptions: {
parser: 'babel-eslint',
},
};

我没有在 VScode 上安装 pretier 插件。但是我安装了 Vueter 插件和 Eslint 插件。

我的目标是使用 Eslint Airbnb 规则格式化我的 Vuejs 代码。当我保存代码时。
现在它弄乱了代码。我该如何解决这个问题？

为我添加

1
2
3

"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}

对我的 VS Code 设置 (Preferences: Open Settings (JSON)) 有帮助。另外：不要忘记重新加载/重新启动 VS Code。

沃梦达教程

本文标题为：关于vue.js：在Vue项目中用VScode正确设置Eslint Air

上一篇：关于 javascript:Toggle v-navigation-drawer\\’s expa

下一篇：关于php：Laravel 5.3 with Vuejs ajax call

基础教程推荐

学习Bootstrap5

猜你喜欢

clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析 2024-01-08
html5视频如何嵌入到网页（视频代码） 2025-01-22
Django操作cookie的实现 2024-04-15
创建Vue3.0需要安装哪些脚手架 2025-01-16
纯css实现漂亮又健壮的tooltip的方法 2024-01-23
Loaders.css免费开源加载动画框架介绍 2025-01-23
js判断一个对象是否在一个对象数组中(场景分析) 2022-10-21
JSONObject与JSONArray使用方法解析 2024-02-07
webpack学习笔记一：安装webpack、webpack-dev-server、内存加载js和html文件、loader处理非js文件 2023-10-29
Bootstrap学习笔记之css组件(3) 2024-01-22