WebStorm 단축 키

2264 단어
  • 1 자동 주석 과 취소 주석: ctrl + / 한 코드 앞에서 ctrl + / 로 주석 을 자동 으로 주석 하고 취소 할 수 있 습 니 다. js, html 모두 가능 합 니 다. 주석 부 호 를 두 드 리 는 시간 (mac 아래 command + /, 아래 동일)
    • 을 잘 절약 할 수 있 습 니 다.
  • 2 자동 완성 html 라벨 우 리 는 Liux 명령 을 사용 할 때 tab 키 를 누 르 면 자동 완성 기능 이 있다 는 것 을 알 고 있 습 니 다. 많은 컴 파일 러 에서 도 webstorm 에서 html 요 소 를 두 드 리 고 싶 을 때 예 를 들 어
    • (1) h1 라벨 을 한 쌍 두 드 리 려 면 h1 만 두 드 리 고 tab 키 를 누 르 면 자동 완성 으로 돌아 갑 니 다.
    (2) id 가 있 는 것 을 입력 하려 면: div \ # abc 를 입력 하고 Tab 키 를 누 르 면 자동 으로 보 완 됩 니 다.
    (3) class 가 있 는 것 을 입력 하려 면: div. abc 를 입력 하고 Tab 키 를 누 르 면 자동 으로 보 완 됩 니 다.
    (4) div 에 6 개의 p 탭 을 입력 하려 면 div > p * 6 을 입력 하고 Tab 키 를 누 르 면 자동 으로 보 완 됩 니 다.

    (5) 특정 속성의 탭 완성:
    a[href=#] tab ：


ul.menu>li*6>a[href=#]{HTML}
tab    ：

    더 많은 코드 약자 보완 기술 은 참고 할 수 있 습 니 다.http://blog.wpjam.com/m/emmet-grammar/ http://www.w3cplus.com/tools/emmet-cheat-sheet.html http://www.ruanyifeng.com/blog/2013/06/emmet_and_haml.html
  • 3 자동 정리 코드 형식 정렬
    • 정리 할 코드 선택
    windows： CTRL+ALT+L
    Mac command+option+L
  • 4 코드 세 션 을 찾 을 때 특정한 스타일 이나 함 수 를 찾 아야 합 니 다. 오른쪽 단 추 를 누 르 면 찾 을 디 렉 터 리 를 선택 하고 find in path 를 선택 하 며 찾 을 내용 을 입력 하면 웹 스 톰 은 이 내용 을 포함 한 모든 파일 을 자동 으로 찾 습 니 다.
  • 5 코드 정의 위 치 를 찾 을 때 우 리 는 특정한 함수 나 변수 가 위치 하 는 위 치 를 찾 고 command (ctrl) 키 를 누 르 고 찾 을 내용 을 누 르 면 웹 스 톰 은 자동 으로 정 의 된 곳 으로 이동 합 니 다. 이 방법 은 코드 를 시작 하고 읽 는 효율 을 향상 시 킬 수 있 습 니 다.
  • 6 대소 문자 전환 은 대문자 나 소문 자로 빠르게 전환 해 야 할 때 가 있 습 니 다. Command (ctrl) + shift + U
    • 만 사용 하면 됩 니 다.
  • 7 전역 에서 더 블 클릭 시 프 트 찾기
  • 8 최근 에 열 린 파일 찾기 Ctrl + E 더 많은 웹 스 톰 단축 기능 참고: 웹 스 톰 의 좋 은 기능:http://blog.allenice233.com/2014/06/23/webstorm%E9%82%A3%E4%BA%9B%E5%A5%BD%E7%94%A8%E7%9A%84%E7%89%B9%E6%80%A7/
    • js 원형 체인 노트
    웹 팩 을 포장 하고 지정 한 위치 로 파일 을 불 러 옵 니 다.

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage