☰

댓글 바로가기를 활성화하기 위해 Sublime에서 Emmet을 구성하는 방법은 무엇입니까?

tag-icon • tag-icon keyboard-shortcuts sublime-text-2 key-binding
댓글 바로가기를 활성화하기 위해 Sublime에서 Emmet을 구성하는 방법은 무엇입니까?

Sublime 2에서 Emmet을 활성화했기 때문에 일부 명령이 제대로 작동하지 않습니다.

HTML파일 입력 시 기본 기능으로 보이는 기능을 활성화하려면 어떻게 해야 합니까?

cmd + /

앞에

<script src="./bower_components/angular/angular.js"></script>

올바르게 주석이 달린 태그를 얻으려면 다음을 수행하십시오.

<!-- <script src="./bower_components/angular/angular.js"></script> -->

지금은 동일한 명령이 생성됩니다.

// <script src="./bower_components/angular/angular.js"></script>

그것은 완전히 잘못된 것입니다.

답변1

따라서 이것은 Emmet의 문제가 아니라 Sublime의 내장 HTML 언어 정의의 문제인 것으로 나타났습니다. 어떤 이유로 <script>태그로 시작하는 모든 줄(선택적으로 앞에 공백이 있음)이 으로 분류 되도록 설정되어 있습니다 source.js.embedded. 즉, 주석 바로가기가 실행될 때 //HTML 주석 대신 JS 주석 마커를 사용한다는 의미입니다 <!-- -->.

이 문제를 해결하는 가장 쉬운 방법은 다음을 설치하는 것입니다.HTML5패키지를 통해패키지 제어, Emmet을 사용하면서 이미 설치했다고 가정합니다. 새 패키지를 설치한 다음 사용자 기본 설정(Sublime Text 2 -> Preferences -> Settings-User) 목록 "HTML"에 추가합니다 "ignored_packages".

"ignored_packages":
[
    "HTML",
    "Vintage"
],

파일을 저장하고 Sublime을 다시 시작하십시오. 이제 갈 때View -> Syntax항목 은 하나만 있어야 HTML하지만 내장된 구문이 아닌 HTML5 구문을 참조합니다. 테스트하려면 위에서 편집하고 있던 파일을 열고 <script>태그 앞에 커서를 놓고 를 누르세요 ⌘/. 이제 전체 줄이 HTML 주석으로 둘러싸여야 합니다.

<!-- <script src="./bower_components/angular/angular.js"></script> -->

관련 정보