VS Code 확장 프로그램 추천?

개발
1

저는 Emacs의 장기 사용자입니다. 얼마 동안 VS Code를 사용해 보고 있습니다. (놀랍게도, 이 무한히 확장 가능한 에디터를 설정하는 것이 Emacs를 설정하는 것보다 더 쉬운 것은 아니었습니다. 저는 포기하지 않았고 몇 가지 용도에는 정말 좋지만, 제가 바랐던 만큼의 전향적 사용자는 되지 못했습니다.)

그래서, Rubocop, eslint, prettier가 모두 만족하는 설정을 가지고 계신 분이 있을까요? Travis가 불평할 때까지 그 문제를 볼 수 없고, 그때 가서 (지금쯤이면 bash 히스토리에 있어야 할) 그 명령어들을 복사해서 붙여넣어 코드가 잘못되었는지 확인해야 하는 것은 정말 답답합니다.

저는 저장 시 자동으로 포맷팅을 하고, 자동 수정이 불가능한 경우 큰 소리로 경고할 수 없나요?

누군가가 아름답게 이 설정을 작동시키고 있다면, 어떤 플러그인 세트를 사용하시는지 알고 싶습니다.

하지만 Emacs로 이 기능을 구현하고 제가 정말 좋아하는 몇 가지 기능(지금까지 가장 좋은 것은 shift-control-f를 눌러 전체 하위 디렉터리 트리를 grep하는 것)을 구현해 보러 가볼 수도 있겠습니다.

2

CDCK에서 VSCode를 거의 모든 작업에 사용하는 사람이 몇 명 있는 것 같습니다. 린팅/포맷팅을 위해 저는 다음을 사용 중입니다:

그리고 관련 설정은 다음과 같습니다:

{
    "editor.tabSize": 2,
    "[javascript]": {
        "editor.formatOnSave": true
        "editor.defaultFormatter": "esbenp.prettier-vscode",
    },
    "[scss]": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[ruby]": {
        "editor.formatOnSave": true,
    },
    "ruby.useBundler": true,
    "ruby.format": "rubocop",
    "ruby.lint": {
        "rubocop": {
            "useBundler": true,
        }
    },
    "editor.formatOnSaveTimeout": 10000,
    "eslint.format.enable": true,
    "javascript.validate.enable": false,
}

네, 맞습니다! discourse core의 경우, 그 고통을 조금이라도 줄이기 위해 lefthook 구성을 사용 중입니다. 저장 시 에디터 연동이 충분하지 않다면, 플러그인에서도 유사한 방식으로 설정할 수 있습니다.

또한 VSCode에 ‘GitLens’ 플러그인을 설치하는 것을 강력히 권장합니다. 작업 중에 유용한 blame 주석을 제공해 줍니다:

Screenshot 2021-03-25 at 21.43.11
Screenshot 2021-03-25 at 21.43.112008×398 52 KB

3

아직 해보진 않았지만, 지금 미리 큰 감사 인사를 전하고 싶었어요! 그리고 그걸 어디에 넣어야 할지 알아내면, 여러분의 설정이 제가 찾던 그 결정적 요소가 될지도 모르겠네요.

왼쪽 훅(left hook)으로 무언가를 하도록 만드는 방법에 대해 더 자세히 설명해 주실 수 있을까요?

4

cd 명령으로 discourse 디렉터리로 이동한 뒤, yarn install을 실행(이미 실행했을 수도 있습니다)하고, 그 다음 lefthook install을 실행하면 된다고 생각합니다.

그렇게 하면 git commit을 시도할 때마다 변경된 파일에 대해 린터(linter)가 실행되어 문제가 있으면 경고가 표시됩니다.