javascript - vue-cli eslint 구성 문제

Question

eslint는 사용하기 너무 혼란스럽습니다.
몇 가지 주요 문제
1. Camel Case에서 함수를 작성하고 싶습니다.
현재는 구성에서 이 옵션만 찾았습니다. 계획은 있지만 이름이 다 바뀌는 것 같으니 camelcase함수, 변수, 심지어 상수까지 다른 이름 붙이는 방법을 사용하길 바랍니다.

2. 기본적으로 vue-cli로 생성된 파일은 ; 기호 없이 들여쓰기되어 있습니다.
하지만 저는 문장을 나누기 위해 teb 들여쓰기와 ; 기호를 사용하는 데 익숙합니다. 기본 쓰기 방식을 따르지 않으면 스타일이 달라집니다. 통일되지 않았습니다.

이 문제의 의미는 스캐폴딩에 의해 자동으로 생성된 페이지가 ; 기호가 없고 ; 기호가 없는 파일이라는 것입니다. 동시에. 이것은 매우 안타깝습니다.

문서마다 통일된 스타일을 가져야 합니다. 이 작업량은 적지 않습니다!

3. 저는 var a, b, c = 0에 익숙합니다. eslint를 어떻게 구성하나요?

4. 파일의 eslint 확인을 개별적으로 끄는 방법은 무엇입니까?

Answer 1

1, 2, 3 이러한 문제는 모두 eslint 구성 문제입니다. eslint에서 오류가 보고되면 해당 규칙을 찾아 .eslintrc에 rules를 입력하세요. 내부에 해당 규칙을 적용한 다음 값을 0으로 설정합니다. 또는 파일 시작 부분에 .eslintrc里面的rules里面加上对应的规则，然后将值设为 0 .或者在某一个文件的开头加上

/* eslint no-console: 0 */

比如这个规则 使用 console 就不会报错了，0 代表忽略报错，1 代表警告绿色下划线，2 代表错误红色下划线。对应你问题里面的几个 lint ，规则记得不是很清楚，你可以对应查一下，按照上面的做法加进去。

4.在根目录下新建 .eslintignore을 추가합니다.

/* eslint no-console: 0 */#🎜🎜# #🎜🎜#예를 들어 이 규칙으로 콘솔을 사용하면 오류가 보고되지 않습니다. 0은 오류 무시를 의미하고, 1은 녹색 밑줄이 있는 경고를 의미하며, 2는 빨간색 밑줄이 있는 오류를 의미합니다. 귀하의 질문에 있는 여러 린트에 해당하는 규칙은 잘 기억나지 않습니다. 위의 방법에 따라 확인하고 추가하시면 됩니다. #🎜🎜# #🎜🎜#4. 루트 디렉터리에 새 .eslintignore를 만들고 #🎜🎜# 파일을 추가하세요.

Answer 2

검색하면 답을 얻을 수 있습니다. 미친 ESlint 구문 감지 구성 지침을 제거하는 방법에 대한 내 기사를 읽을 수 있습니다.

Answer 3

위 답변에 추가된 사항:

1. id-match가 요구 사항을 거의 충족하지 못하더라도 규칙을 제한하고 싶다면 규칙을 맞춤설정하는 것이 좋습니다

2. eslint --fix를 사용하는 것이 번거롭다면 이 문서를 참조하여 .vue 파일에 eslint --fix 단축키를 추가할 수 있습니다

3. 해당 규칙은 one-var

입니다.

4. @Zhishui가 말한 방식 사용