ESLint + Prettifier VSCode 린 설정
6639 단어 typescriptvscode
npm install --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin
.eslintrc
:{
"root": true,
"parser": "@typescript-eslint/parser",
"plugins": [
"@typescript-eslint"
],
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/eslint-recommended",
"plugin:@typescript-eslint/recommended"
],
"rules": { }
}
.eslintignore
:node_modules
dist
package.json
에 추가합니다. 이를 통해 npm cli에서 lint 스크립트를 실행할 수 있습니다.{
"scripts": {
...
"lint": "eslint . --ext .ts",
}
}
CLI에서 실행:
npm run lint
npm install --save-dev prettier
.prettierrc
:{
"semi": true,
"trailingComma": "none",
"singleQuote": true,
"printWidth": 80
}
package.json
에 더 예쁜 스크립트를 추가합니다.{
"scripts": {
...
"prettier-format": "prettier --config .prettierrc 'src/**/*.ts' --write"
}
}
CLI에서 실행:
npm run prettier-format
Ctrl + Shift + X
. CTRL + Shift + P
를 통해 기본값을 설정한 다음 Preferences: Open Settings (JSON)
를 선택합니다.// Default (format when you paste)
"editor.formatOnPaste": true,
// Default (format when you save)
"editor.formatOnSave": true,
이제 cli를 통해 스크립트를 실행하거나 코드 변경 사항을 저장할 때마다 린트하도록 선택할 수 있습니다.
Reference
이 문제에 관하여(ESLint + Prettifier VSCode 린 설정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/jengfad/eslint-prettifier-vscode-lean-setup-50c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)