webstorm이 es6을 인식하지 못하는 경우 어떻게 해야 합니까?

해결책: 1. 탐색 모음에서 "파일" - "기본 설정" - "언어 및 프레임워크" - "JavaScript"를 클릭하고 버전을 "ECMAScript 6"으로 설정합니다. 2. "npm install -g babel" 명령을 실행하여 Babel 도구를 설치하고, "File watchers"를 열고 "+" 버튼을 클릭하여 팝업 창에서 Babel을 구성합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

ECMAScript 6은 JavaScript 언어의 차세대 표준으로 2015년 6월에 공식 출시되었습니다. Mozilla는 이 표준을 기반으로 JavaScript 2.0을 출시할 예정입니다.
ES6의 목표는 JavaScript 언어를 사용하여 크고 복잡한 애플리케이션을 작성하고 엔터프라이즈 수준의 개발 언어가 되도록 하는 것입니다.

저도 ES6의 새로운 기능을 해보고 싶어서 배우기 시작했습니다.

ES6 구문의 편리함을 경험하기 위해 웹스톰에서 이 코드를 작성했지만 오류가 많습니다.

다양한 구문 오류

Solution

1 문법 지원 설정

 File > Preferences > Languages & Frameworks > JavaScript

ECMAScript만 구성하세요. 버전은 여기

구성 후

2. ES5로 자동 트랜스코딩

file watcher + babel（ES6转码器）

작성한 코드의 호환성이 더 좋기를 바라겠지만, 현재 ES6는 확실히 모든 브라우저에서 지원되는 것은 아닙니다. 따라서 ES6 트랜스코더를 사용해야 합니다.
Babel은 브라우저나 기타 환경에서 실행하기 위해 ES6 코드를 ES5 코드로 변환할 수 있는 널리 사용되는 ES6 트랜스코더입니다. 이는 기존 환경이 이를 지원하는지 여부에 대해 걱정하지 않고 ES6에서 프로그램을 작성할 수 있음을 의미합니다.

그리고 코드를 수정할 때마다 자동으로 트랜스코딩하기를 원하므로 webstorm의 파일 감시자도 사용해야 합니다(물론 다른 솔루션도 있습니다)

• npm install -g babel

• Preferences >

• "+" 버튼을 클릭하세요

파일 감시자 구성 인터페이스

파일 유형: 리스너가 모니터링하는 파일 유형을 구성합니다. 이는 환경 설정 > 파일 유형에서 구성할 수 있습니다. 범위: 리스너의 수신 범위를 구성하거나 기본 설정 > 모양 및 동작 > 범위에 정의된 범위를 사용할 수 있습니다.

프로그램: Babel 설치 위치

인수: 명령 실행 매개변수,

Babel CLI를 참조하세요.

작업 디렉터리: babel 명령이 실행되는 위치, 기본적으로 파일이 있는 디렉터리

이렇게 파일을 수정하면 언제든지 ES5로 컴파일된 파일과 sourceMap 파일이 생성됩니다

편집 후
[관련 권장 사항:

자바스크립트 비디오 튜토리얼

, 프로그래밍 비디오, 웹스톰 튜토리얼]

위 내용은 webstorm이 es6을 인식하지 못하는 경우 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!