Webstorm 사용 팁 공유-webstorm-php.cn

Webstorm 사용 팁 공유

WebStorm은 JetBrains가 소유한 JavaScript 개발 도구입니다. 대다수의 중국 JS 개발자는 "웹 프런트 엔드 개발 아티팩트", "가장 강력한 HTML5 편집기", "가장 지능적인 JavaScript IDE" 등으로 칭찬했습니다. IntelliJ IDEA와 동일한 기원을 가지며 IntelliJ IDEA의 강력한 JS 부분의 기능을 상속합니다.

설정 팁:

테마 변경 방법(글꼴 및 색상):

파일 -> 색상&글꼴 -> 테마 다운로드 주소

웹스톰 열림 방지 방법 프로젝트 파일 시작 시:
파일 -> 설정->일반 제거 시작 시 마지막 프로젝트를 다시 엽니다.

중국어를 완벽하게 표시하는 방법:
파일 ->설정->외관을 확인하고 기본 글꼴 재정의(권장하지 않음) ), 이름 설정: NSimSun, 크기: 12

줄 번호 표시 방법:
파일 -> 설정->편집기에서 "줄 번호 표시"를 선택하면 줄 번호가 표시됩니다

코드 자동 래핑 방법 :
파일 -> 설정 -> 편집기 "편집기에서 소프트 랩 사용"을 선택하면 코드가 자동으로 줄바꿈됩니다.

커서를 클릭하여 줄 끝에 표시하는 방법:
파일 -> 설정->편집기 “끝 후 캐럿 배치 허용”줄을 선택 취소하면 됩니다.

단축키 수정 방법:
파일 -> 설정->키맵을 선택한 다음 단축키를 수정하려는 기능을 두 번 클릭하면 프롬프트 상자가 나타나고 프롬프트를 따릅니다.

단축키로 변경합니다. 편집기에 익숙합니다.
파일 -> 설정 -> 키맵은 Visual Studio, Eclipse 및 NetBeans와 같은 주류 IDE를 지원합니다.

자바스크립트 라이브러리 팁.
파일 -> 설정 -> 자바스크립트 -> 라이브러리 -> 그 다음 목록에서 자주 사용하는 자바스크립트 클래스 라이브러리를 선택하고 마지막으로 다운로드하고 설치하면 됩니다.

js를 개발할 때 Ctrl + Return을 누르는 것을 발견했습니다. 후보 옵션을 선택할 수 있습니다:
파일 -> 편집기 -> 코드 완성 -> 첫 번째 제안을 미리 선택하세요: "스마트"를 "항상"으로

js 프롬프트가 상대적으로 느림
파일 -> ->

git 구성에서 1000을 0으로 변경하세요.
파일 -> 편집기 -> github 계정이 없으면 들어가세요.

플러그인 설치:
파일 ->플러그인을 선택한 다음 강력한 플러그인을 선택하고 설치하세요. ("css-X-fire" 플러그인은 CSS 속성을 수정하기 위해 Firebug를 사용할 때 사용됩니다. 편집기의 CSS 코드도 변경됩니다.)

향후 업데이트

Webstorm 사용 경험

즐겨찾기 기능:
프로젝트 디렉토리가 매우 크면 일부 하위 디렉토리가 열리는 경우가 많지만 레벨이 매우 깊습니다. 이번에는 즐겨찾기에 디렉토리를 추가할 수 있습니다. 왼쪽에는 "즐겨찾기" 메뉴가 있습니다

탐색경로 탐색:
왼쪽의 프로젝트 페이지 외에도 디렉토리를 선택할 수 있습니다. 동일한 기능을 수행할 수 있는 웹사이트 탐색경로 탐색과 유사한 디렉토리가 최상위 메뉴 아래에 있습니다. 각 디렉토리를 클릭하면 그 아래의 하위 디렉토리를 표시하는 드롭다운 메뉴가 나타나며 이는 매우 실용적입니다.

생성자 인터페이스:
형식과 일치하면 주석이 표시됩니다. js 파일이면 js 클래스의 함수 및 객체이고, css 파일이면 css 파일의 요약이고, html 파일이면 노드의 구조 다이어그램입니다.

todo 인터페이스:
코드에 todo 주석을 추가하면 이 인터페이스가 나타납니다.

이중 열 코드 인터페이스:
코드 탭에서 파일을 마우스 오른쪽 버튼으로 클릭합니다. 그런 다음 오른쪽-> 세로로 나누기(왼쪽과 오른쪽에 두 개의 화면) 또는 가로로 분할(상단과 아래에 두 개의 화면)

로컬 기록 기능:
코드를 검색하는 좋은 방법

WebStorm 통합 git 사용

Webstorm은 일반적인 Git 작업만 통합하며 완전히 대체 명령줄 도구는 아닙니다. 인터페이스 오른쪽 하단에서 현재 어떤 git 브랜치에 있는지 확인할 수 있습니다. 이를 클릭하여 새 분기를 전환하거나 생성할 수도 있습니다.

현재 코드와 저장소 코드 간의 차이점 보기:
코드 인터페이스의 아무 영역이나 마우스 오른쪽 버튼으로 클릭하고 git -> 비교를 선택한 다음 비교할 저장소를 선택합니다.

웹스톰 단축키 설명