Visual Studio Code의 차등 표시 기능을 활용하자!

프로그래밍 스쿨이나 웹 공개되고 있는 커리큘럼 등에서 학습하고 있을 때,
표본대로 코드를 썼을 텐데 오류가 버렸습니다! 라는 것이 자주 있습니다.

그럴 때 편리한 것이 Visual Studio Code의 Compare 명령을 사용한 파일 비교입니다.
개인적으로 매우 감동했기 때문에 공유합니다.

실행 환경


  • macOS Catalina 10.15.7
  • Visual Studio Code:1.51.1

  • 파일끼리 비교



    다음 이미지를 보십시오.
    오른쪽이 올바른 코드이고 왼쪽이 오류가되는 코드입니다.
    어디가 다를 수 있습니까?


    이 예에서는 좌우로 색이 다른 개소가 있으므로, 익숙하고 있는 분은 비교적 금방 알 수 있다고 생각합니다만, 그렇지 않은 분에게는 꽤 어렵다고 생각합니다.

    그런 다음 Compare 명령을 사용하여 파일을 비교하면 다음과 같습니다.

    어떻습니까?
    좌우의 파일로 다른 코드가 쓰여져 있는 행이 하이라이트 되어, 다른 개소가 한층 더 짙은 색으로 하이라이트 되고 있습니다.
    덧붙여서 정답은 백쿼트(``)로 써야 할 곳을 싱글쿼트('')로 쓰고 있는 것이었습니다.

    파일과 클립보드 비교



    Compare 명령을 사용하면 복사하여 클립보드에 저장된 코드와 비교할 수 있습니다.
    이렇게 하면 책의 코드를 복사하여 자신이 작성한 코드와 비교할 수 있습니다.

    Compare 명령 사용



    Visual Studio Code에서 shift+command+P를 눌러 Compare 명령을 시작합니다.


    「파일:액티브 파일을 비교하고 있습니다…

    파일: 클립보드와 활성 파일 비교를 클릭하여 클립보드에 저장된 코드와 비교할 수 있습니다.

    좋은 웹페이지 즐겨찾기