Eslint 노트
ESLint는 ECMAScript/JavaScript 코드에서 보고 모드와 일치하는 것을 식별하고 보고하는 도구로 코드의 일치성을 확보하고 오류를 피하는 것을 목표로 한다.말하자면 너희 작은 팀장이 너희들에게 그가 쓴 코드의 스타일에 따라 코드를 쓰게 하려고 한다(완전 플러그인 말의 설정 플러그인과 규칙). 이 규칙은 어느 단체에서 손을 내밀어 가져왔는지 알 수 없다(각종 비교적 규범화된 일부 규칙 설정)
2: Eslint의 일반적인 구성
console.log(globalVarible);
// 'globalVarible' is not defined no-undef
// globals: {
// globalVarible: false;
// }
// will make it right {
"rules": {
"eqeqeq": "off",
"curly": "error",
"quotes": ["error", "double"] // ，
}
} module.exports = {
extends: [
// add more generic rulesets here, such as:
// 'eslint:recommended',
'plugin:vue/recommended'
],
rules: {
// override/add rules settings here, such as:
// 'vue/no-unused-vars': 'error'
}
}// eslint
/* eslint-disable */
alert('foo');
/* eslint-enable */
// no-alert
alert('foo'); // eslint-disable-line no-alert
//
/* global var1, var2 */
// inline comment eslint ， 3. eslint 설정을 제시하여 분석
한 항목의 수요를 간단하게 설명하여 설정하다
// VueCli3.0 ，eslintrc.js
module.exports = {
root: true, // eslint
env: {
node: true // node ， process
},
'extends': [
'plugin:vue/essential', // Vue ， eslint-plugin-vue rule，
'eslint:recommended' // eslint ， eslint rules recommended
],
// rules
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
},
parserOptions: {
parser: 'babel-eslint'
}
}VueCli3.0 공식적으로 준 설정은 사실 충분하다. 스스로 사용자 정의rules를 설정하고 다음에 몇 가지 업무 장면을 말한 다음에eslint 설정을 수정한다.
module.exports = {
env: {
browser: true, // window、document
}
}module.exports = {
globals: {
vm: false, // vm ， false vm
DDLogin: false, //
}
}# use npm5+ airbnb-base eslint eslint-plugin-import( import )
npx install-peerdeps --dev eslint-config-airbnb-base module.exports = {
'extend': [
'plugin:vue/recommended',
'airbnb-base'
],
}module.exports = {
rules: {
'vue/no-v-html': 'off', //
}
}다음에 자주 사용하는 eslint-plugin-(eslint의 기능을 강화하고 규칙을 제공할 수 있음)와 eslint-config-(공유 가능한 설정은 조합 규칙이 설정 대상을 내보낼 뿐입니다)
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Express + AWS S3 이미지 업로드하기웹 사이트 및 모바일 애플리케이션 등에서 원하는 양의 데이터를 저장하고 보호할 수 있다. 데이터에 대한 액세스를 최적화, 구조화 및 구성할 수 있는 관리 기능을 제공한다. AWS S3 에 저장된 객체에 대한 컨테이너...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
