vscode에서 eslint 개발 환경을 구축하는 방법에 대한 간략한 토론

이 글에서는 vscode를 기반으로 eslint 개발 환경을 구축하는 방법을 공유하겠습니다. 특정 참조 값이 있습니다. 모든 사람에게 도움이 되기를 바랍니다.

eslint v2.8.0

mac

아직 vscode가 없다면

여기

• 에서 다운로드하여 vscode에 필요한 eslint 플러그인을 설치할 수 있습니다

The 플러그인 주소는
• 여기

명령어를 복사하고, vscode에서 단축키 바를 열고, command+p를 누르고, 붙여넣으면 vscode가 플러그인을 다운로드한 후 자동으로 다운로드됩니다. 플러그인을 실행하려면 vscode를 다시 시작하라는 메시지가 표시됩니다.

설치가 완료되면 터미널을 열고 프로젝트를 생성합니다

mkdir vsc-demo && cd vsc-demo

새 파일 생성

touch app.js

vscode를 열고 코드를 작성해 보겠습니다

var num = 1;

const array = []

vscode가 const 키워드를 인식하지 못하는 것 같습니다

이제 전역 eslint를 설치해 보겠습니다

터미널을 열고

npm install eslint -g

를 입력하세요. 설치 후 버전을 볼 수 있습니다.

eslint --v

// v2.8.0

eslint를 사용하여 규칙을 만듭니다

eslint --init

표준 eslint 규칙을 선택했습니다

그런 다음 vscode

를 다시 시작했는데 더 많은 오류가 있음을 발견했습니다! 당황하지 마세요. 오류가 무엇인지 살펴보겠습니다.

1과 3 모두 변수가 정의되었지만 사용되지 않았다는 메시지를 표시합니다. 두 번째 메시지는 세미콜론을 추가하라는 메시지를 표시합니다. 코드를 수정해 보겠습니다

OK, 이제 eslint는 vscode 환경에서 정상적으로 작동할 수 있으며 es6 구문을 지원합니다.

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 비디오

를 방문하세요! !

위 내용은 vscode에서 eslint 개발 환경을 구축하는 방법에 대한 간략한 토론의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!