Dreamweaver에서 Emmet을 지원하는 방법 소개(그림)

이 글의 내용은 드림위버에서 에밋을 지원하는 방법에 대한 소개입니다(사진). 도움이 필요한 친구들이 참고하시면 좋겠습니다.

모든 Coder가 선호하는 IDE는 몇 가지 이유로 다릅니다. 소프트웨어 매니아로서 한동안 거의 모든 IDE를 사용해왔고, 현재는 Dreamweaver + Sublime Text 2를 사용하고 있습니다. 그러나 Notepad++, Sublime Text, Dreamweaver 또는 Vim을 사용하더라도 유명한 zencoding(현재 Emmet으로 이름이 변경되었으며 DW를 매우 잘 지원함)과 같은 일부 플러그인은 항상 필수적입니다.

Emmet은 HTML/CSS를 빠르게 작성하기 위한 도구입니다. 예를 들어

ul.nav>li>a.n_$*6

를 입력한 후 단축키 Ctrl+E를 누르면 다음 코드가 생성됩니다.

<ul class="nav">
    <li>
        <a href="" class="n_1"></a>
        <a href="" class="n_2"></a>
        <a href="" class="n_3"></a>
        <a href="" class="n_4"></a>
        <a href="" class="n_5"></a>
        <a href="" class="n_6"></a>
    </li></ul>

이 코드를 읽어보셨나요? 더 많은 규칙을 보려면 기사 마지막에 첨부 파일을 다운로드하여 볼 수 있습니다. 다음으로 DW가 이 플러그인을 설치하는 방법에 대해 이야기하겠습니다. 먼저, DW에 Extension Manager가 설치되어 있는지 확인해야 합니다. 그렇지 않은 경우 Extension Manager 앞의 확인 표시를 제거하지 않고 DW를 다시 설치하거나 Adobe 공식 웹사이트>>http에서 다운로드할 수 있습니다. ://www.adobe.com/exchange/em_download/.

확장 관리자를 이미 설치한 경우 Emmet의 DW 플러그인 http://download.emmet.io/dreamweaver/Emmet.zxp만 다운로드하고 두 번 클릭하여 설치한 후 단계별로 계속 진행하면 됩니다. 프롬프트를 본 후 성공할 때까지 단계를 수행합니다. 이때 프롬프트 메뉴가 성공적으로 업데이트되지 않으면 C:UsersAdministratorAppDataRoamingAdobeDreamweaver CS6zh_CNConfigurationMenus(Win7/Dw CS6) 경로를 열고 이 디렉터리에서 menus.xml을 찾은 다음 백업 이름을 바꾸고(예: menus.xml_bak) 다시 설치합니다.

참고: Emmet 규칙을 구문 분석하는 기본값은 Ctrl+E입니다. 그러나 DW 자체에 단축키가 너무 많기 때문에 반복됩니다. 이때 [편집]-[단축키]를 열고 Dreamweaver Standard를 선택한 후 오른쪽 첫 번째 버튼을 클릭하면 임의의 이름으로 복사본을 만들 수 있습니다.

그런 다음 [메뉴 이름 지정]에서 [삽입]을 찾아 [라벨] 단축키를 Ctrl+R 등 다른 것으로 변경하세요.

이제 DW에서는 과감하게 Emmet을 사용할 수 있습니다. 그러나 Emmet for DW는 기본적으로 다른 작업에 대한 단축키를 설정하지 않으므로 이러한 작업을 눌러 이전 편집 지점, 다음 편집 지점 등에 대한 단축키를 설정할 수도 있습니다. 이런 방식으로 마우스를 포기하고 코드 블록에서 더 나은 스위치 위치를 지정할 수 있습니다.

위 내용은 Dreamweaver에서 Emmet을 지원하는 방법 소개(그림)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!