LHJ

I'm a FE developer.

웹스톰 eslint, prettier 자동으로되게 설정하기

03 Oct 2020 » webstorm

웹스톰 eslint, prettier 자동으로되게 설정하기

prettier의 config(설정) 파일과 eslint의 config(설정) 파일의 설정 목록들이 상호간 겹쳐 충돌나지 않게 하는 것이 중요하다.
아래 처럼 설정하면 현재 수정한 파일들만 eslint와 prettier를 실행한다.
굿굿~~!!!

npm i -g eslint prettier eslint-config-prettier

// .eslintrc.js
module.exports = {
    env: {
        browser: true,
        node: true,
        es2021: true,
    },
    extends: ["eslint:recommended", "prettier"],
    parserOptions: {
        ecmaVersion: 12,
        sourceType: "module",
    },
    rules: {},
};