ES6를 사용한 VS 코드


106

내 코드에서 Linting 오류가 발생합니다. 'import' is only available in ES6 (use 'esversion: 6').

es6와 관련된 모든 것이 오류를 발생시킵니다. 작동하도록 구성해야 할 내용이 확실하지 않습니다.

답변:


216

.jshintrc프로젝트에 이름이 지정된 파일을 추가 하고이 파일 유형 내에 다음을 입력하십시오.

{
    "esversion": 6
}

여기에서 볼 수 있듯이 :

여기에 이미지 설명 입력

jshint옵션에 대한 전체 문서는 http://jshint.com/docs/options 에서 찾을 수 있습니다.


4
문서를 찾는 사람들을위한 jshint.com/docs/options/#esversion .
Jeremy Larter

5
이것은 자동으로 추가되어야합니다.
Xaqron

시간에 당신이 줄 "모즈"추가해야 할 것 같다 : 사실
킨 슬리 kajiva

7
이것은 나를 위해 작동하지 않았습니다 (vscode 버전 1.37.1, OS X). 확장 환경 설정으로 이동-> settings.json에서 편집을 선택합니다. JSON 추가에 : "jshint.options": { "esversion": 6 } 이전 줄의 쉼표를 잊지 마십시오!
sijpkes

1
이것을 추가하는 유일한 장소 ~/settings.json는 내 경험입니다. 프로젝트 레벨 설정은 영향을주지 않습니다. 이것이 기본값이 아니라는 것은 터무니없는 일입니다. 이 문제를 해결하는 방법을 찾는 것은 정말 어렵고 그 동안 VS Code에서 자바 스크립트를 사용한 사용자 경험은 적대적입니다. 정말 짜증나. 기본적으로 ES6 +를 지원해야합니다. 왜 그렇지 않습니까?
rjurney

96

편집 : 원래 답변 이후 VSCode가 변경되었으므로 JSHint 대신 ESLint를 사용하고 스크린 샷을 업데이트하는 경우 es6를 활성화하는 방법을 추가했습니다.

JSHint 방법 :

JSHint를 사용하는 경우 설정에 다음을 추가 할 수 있습니다.

"jshint.options":{
    "esversion":6
}

ESLint 방법 :

ESLint를 사용하는 경우 설정에 다음을 추가 할 수 있습니다.

"eslint.options": {
    "env":{
        "es6":true
    },
    "parserOptions": {
        "ecmaVersion": 6 // or 7,8,9
    }
}

ESLint 구성 문서

설정을 업데이트하는 방법

  1. VS Code에서 settings

VS 코드 설정

  1. 설정이 표시되면 설정 섹션이 표시됩니다.

사용자 및 작업 공간 설정 탭

설정을 사용자 정의 할 수있는 두 개의 섹션, 사용자 설정작업 공간 설정이 있습니다.

사용자 설정 작업 할 프로젝트에 대해 원하는 전역 설정을 적용해야하는 곳입니다.

작업 공간 설정 현재 프로젝트에만 적용되어야하는 설정 변경을 할 수있는 곳입니다.

제 경우에는 일부 프로젝트 만 ES6를 사용할 수 있다는 것을 알고 있기 때문에 ES6가 아닌 비 ES6 프로젝트를 사용하는 경우 경고하는 오류 힌트가 있어야 합니다.

그러나 VS Code에서 코딩하는 모든 것이 ES6이 될 것이라는 것을 알고 있다면 프로젝트를 수행 한 다음 단계를 저장하고 사용자 설정에 추가하십시오 .

  1. 기본 설정에 따라 사용자 / 작업 공간을 클릭합니다. JSHint 또는 ESLint (사용하는 항목)를 검색합니다. settings.json 에서 편집 링크를 클릭하면 어느 것이 든 상관 없습니다.

settings.json에서 편집

  1. JSHint를 사용하는지 ESLint를 사용하는지에 따라 관련 설정을 추가합니다.

JSHint

JSHint 설정 추가

ESLint

ESLint 설정 추가


6
이것은 프로젝트 디렉토리 내에 추가 파일을 만들 필요가 없다는 것에 대한 훌륭한 답변이자 +1이었습니다 ... 스크린 샷도 매우 유용합니다. 감사합니다!
twknab

또한 새 파일을 생성하는 대신 새 프로젝트에 대해 자동으로 수행하거나 단일 작업 공간 내에 보관할 수 있으므로 더 좋습니다.
Jan Sila

2
어떤 이유로 나를 위해 작동하지 않습니다. 나는 사용자 및 작업 공간 설정에서 그것을 시도
LondonGuy

1
자세한 설명을 해주셔서 감사합니다. 정말 도움이되었습니다.
Ketan Ramteke

22

"esversion": 6사용자 설정에서 jshint.options에 추가 할 수 있습니다 .

{
  "jshint.options": {
    "esversion": 6
  }
}

4

이미 제출 된 훌륭한 제안을 마무리하기 위해이 이스케이프 된 줄 (다른 jshint 설정과 유사 함)을 파일 상단에 추가하여 파일별로 설정할 수도 있습니다.

// jshint esversion:6

실제로는 아무 데나 추가 할 수 있지만 후속 코드에만 영향을 미치므로 이상한 일을하려는 경우 설정을 켜고 끌 수 있습니다.


0

json으로 위의 구성을 수행 jshint하고 사용중인 경우 작업 영역 확장을 제거 / 비활성화해야 eslint하며 그 반대의 경우도 마찬가지입니다.,


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.