> 개발 도구 > sublime > Sublime에 emmet 플러그인을 설치하는 방법

Sublime에 emmet 플러그인을 설치하는 방법

下次还敢
풀어 주다: 2024-04-03 16:09:20
원래의
716명이 탐색했습니다.

Sublime Text에 Emmet 플러그인을 설치하려면 다음 단계를 따르세요. 명령 팔레트를 열고 Package Control: Install Package를 입력하고 Enter 키를 누르세요. 패키지 제어 메뉴에서 emmet을 입력하고 Enter를 누르십시오. Emmet 플러그인을 설치하고 Sublime Text를 다시 시작하세요. Emmet을 활성화하고 키 바인딩을 추가합니다: { "keys": ["tab"], "command": "expand_abbreviation" }.

Sublime에 emmet 플러그인을 설치하는 방법

Sublime Text에 Emmet 플러그인을 설치하는 방법

1단계: 패키지 제어 열기

  • Sublime Text에서 Ctrl + Shift를 누릅니다. code> + <code>P(Windows) 또는 Cmd + Shift + P(macOS)를 눌러 명령 팔레트를 엽니다. Ctrl + Shift + P(Windows)或 Cmd + Shift + P(macOS)打开命令面板。
  • 在命令面板中,输入 Package Control: Install Package 并按回车。

步骤 2:搜索 Emmet 插件

  • 在 Package Control 菜单中,输入 emmet 并按回车。

步骤 3:安装 Emmet

  • 在搜索结果中,选择 Emmet 插件并按回车将其安装。

步骤 4:启用 Emmet

  • 一旦 Emmet 安装完成,重新启动 Sublime Text。
  • 在菜单栏中,转到 Preferences > Key Bindings - User
  • 在键绑定文件中,添加以下行:
<code>{ "keys": ["tab"], "command": "expand_abbreviation" }</code>
로그인 후 복사
  • 保存键绑定文件。

验证安装

要验证 Emmet 是否已成功安装,请在 Sublime Text 中尝试以下步骤:

  • 打开一个 HTML 文档。
  • 输入以下内容:
<code class="html">ul>li*5</code>
로그인 후 복사
  • Tab
  • 명령 패널에서 Package Control: Install Package를 입력하고 Enter를 누르세요.
🎜🎜🎜2단계: Emmet 플러그인 검색 🎜🎜🎜🎜Package Control 메뉴에서 emmet를 입력하고 Enter를 누릅니다. 🎜🎜🎜🎜3단계: Emmet 설치🎜🎜🎜🎜검색 결과에서 Emmet 플러그인을 선택하고 Enter를 눌러 설치하세요. 🎜🎜🎜🎜4단계: Emmet 활성화🎜🎜🎜🎜Emmet이 설치되면 Sublime Text를 다시 시작하세요. 🎜🎜메뉴 표시줄에서 기본 설정 > 키 바인딩 - 사용자로 이동하세요. 🎜🎜키바인딩 파일에 다음 줄을 추가하세요: 🎜🎜
<code class="html"><ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul></code>
로그인 후 복사
🎜🎜키바인딩 파일을 저장하세요. 🎜🎜🎜🎜설치 확인🎜🎜🎜Emmet이 성공적으로 설치되었는지 확인하려면 Sublime Text에서 다음 단계를 시도해 보세요. 🎜🎜🎜HTML 문서를 엽니다. 🎜🎜다음을 입력하세요: 🎜🎜rrreee🎜🎜Tab 키를 누르면 Emmet이 자동으로 코드 조각을 다음과 같이 확장합니다: 🎜🎜rrreee

위 내용은 Sublime에 emmet 플러그인을 설치하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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