> 개발 도구 > sublime > 본문

Sublime Text에서 자바스크립트(ES6)를 실행하는 방법

藏色散人
풀어 주다: 2021-03-17 17:44:22
앞으로
2992명이 탐색했습니다.

다음 튜토리얼 칼럼인 sublime에서는 Sublime Text에서 javascript(ES6)를 실행하는 방법을 소개하겠습니다. 필요한 친구들에게 도움이 되길 바랍니다!

Sublime Text에서 자바스크립트(ES6)를 실행하는 방법

머리말

JS 코드 디버깅은 종종 브라우저에서 수행됩니다. 편집자가 디버깅 작업의 일부를 완료할 수도 있다면, 저는 앞부분을 믿습니다. end and node 세상은 훨씬 좋아질 것입니다. 우선 위의 그림을 보세요:

Sublime Text에서 자바스크립트(ES6)를 실행하는 방법

implementation

첫번째 nodejs 설치

물론 jsc와 같은 다른 환경을 사용하여 js를 실행할 수 있습니다. 이 기사에서는 nodejs를 사용합니다. 먼저 Nodejs가 컴퓨터에 설치되어 있고 환경 변수에 추가되었는지 확인하세요. (일반적으로 설치 중에 자동으로 추가되거나 추가할지 묻는 메시지가 표시됩니다.)

빌드 시스템 추가

도구 열기 -> 서브라임 텍스트 시스템으로 빌드... 다음 코드를 붙여넣고 저장한 후(예: Node.sublime-build), 빌드 시스템을 자동

{
    "cmd": ["node", "--use-strict", "--harmony", "$file"],
    "selector": "source.js"
}
로그인 후 복사

Instructions

으로 설정합니다. 위 빌드 파일(Node.sublime-build)에서 ), node는 실행 명령, --harmony 및 --use-strict는 실행 매개변수, $file은 현재 파일 이름이므로 빌드 작업은 실제로 node --use-strict --harmony를 실행하는 것과 동일합니다. 명령줄의 filename. --harmony는 ES Harmony 기능을 활성화한다는 의미이며 이러한 기능은 현재 엄격 모드에서만 실행될 수 있으므로 동시에 use-strict 매개변수를 추가해야 합니다. (자세한 내용은 확장 모드 참조) node  --use-strict --harmony filename. --harmony表示启用ES Harmony features, 而这些features目前只能在strict模式下运行, 所以需要同时添加use-strict参数(详见what-is-extended-mode).

如果不想启用es6的特性,把build文件更改成以下代码保存即可.

{
    "cmd": ["node", "$file"],
    "selector": "source.js"
}
로그인 후 복사

使用

在sublime test中新建一个test.js文件, 然后输入你的测试代码, 比如:

for (let i = 0; i <p>使用快捷键<code>ctrl + b</code></p>es6의 기능을 활성화하지 않으려면 빌드 파일을 다음 코드로 변경하고 저장하세요. <p></p><pre class="brush:php;toolbar:false">i: 0
i: 1
i: 2
[Finished in 0.1s]
로그인 후 복사

를 사용하여 생성하세요. sublime test에서 새 test.js 파일을 만들고 다음과 같은 테스트 코드를 입력합니다.
rrreee🎜사용 단축키 ctrl + b를 사용하면 다음과 같은 실행 결과가 나타납니다.🎜rrreee🎜참고: 파일은 제목이 없는 것이 아니라 디스크에 존재해야 합니다. 그렇지 않으면 sublime은 해당 파일을 찾을 수 없습니다.🎜🎜위 🎜🎜

위 내용은 Sublime Text에서 자바스크립트(ES6)를 실행하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:segmentfault.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿