>웹 프론트엔드 >H5 튜토리얼 >웹스톰에서 H5 단축키 사용하기

웹스톰에서 H5 단축키 사용하기

php中世界最好的语言
php中世界最好的语言원래의
2018-03-13 09:46:166100검색

이번에는 웹스톰에서 H5 단축키에 대해 알려드리겠습니다. 웹스톰에서 H5 단축키 사용 시 주의사항은 무엇인가요?

선택한 코드를 빠르게 위아래로 이동

往上移动: Ctrl + shift + ⬆️ (方向键上)
往下移动: Ctrl + shift + ⬇️ (方向键下)

코드를 빠르게 병합 및 확장(특정 태그를 병합 또는 확장)

병합 또는 확장이 필요한 위치에 마우스 커서를 놓습니다

合并: Ctrl + ➖
展开: Ctrl + ➕

빠르게 병합 및 확장 코드 확장(선택한 모든 태그 병합 또는 확장)

마우스를 사용하여 병합해야 할 여러 태그를 선택하세요

合并: Ctrl + shift + ➖
展开: Ctrl + shift + ➕

새 줄을 빠르게 시작하세요

当鼠标的光标在某一行的中间时,shift + enter 快速新起一行shift + enter

선택한 텍스트에 태그 추가

Ctrl + alt + t     mac电脑:option + command + t

웹 확대/축소 페이지 크기

Ctrl + alt + 滚轮(上下)

intput 라벨 단축키 방법

input:password + tab >>> <input type="password" name="" id="">input:radio + tab >>> <input type="radio" name="" id="">

라벨의 클래스 이름 설정

div.header + tab >>> <div class="header"></div>

다른 클래스 이름으로 동일한 유형의 여러 라벨 생성

div.box$*2  >>> <div class="box1"></div>
                  <div class="box2"></div>

콘텐츠가 포함된 라벨

span.box${我是内容}*3 >>> 生成如下代码: <span class="box1">我是内容</span><span class="box2">我是内容</span><span class="box3">我是内容</span>

firework 단축키

Ctrl + alt + 滚轮 : 放大/缩小图片
Ctrl + 滚轮: 也可以放大/小图片

여러 줄 코드 주석

Ctrl + shift + "/"  把选中的多行代码注释掉,而不会多很多多余的小东西出来

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

iOS webView에서 HTMLString을 로드하는 방법

쉽게 간과되는 html5 팁

프롬프트에 코드 블록을 추가하는 방법

정규 표현식에 대한 몇 가지 사항 운동 좀

위 내용은 웹스톰에서 H5 단축키 사용하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.