WebStorm의 다양한 구성 소개(그림)

이 글의 내용은 WebStorm의 다양한 설정 방법(그림)에 관한 것입니다. 참고가 필요한 친구들이 참고하시면 도움이 될 것입니다.

1. 테마 색상 매칭

테마 설정

방법: 파일 -> 설정 -> 모양 및 동작 ->테마.

webstorm-setting-02.jpg

색상 매칭 설정

방법: 파일 -> 설정 -> 편집기 -> 색상 및 글꼴 -> 구성표(참고: Sublime text3에서 전송한 친구이고 모노키아 색상 매칭을 선호하는 경우 이 텍스트에 webstorm 시작하기 1 - 테마 및 색상 일치)

webstorm-setting-04.jpg

두 번째, 여러 프로젝트 열기

WebStorm은 기본적으로 한 번에 하나의 프로젝트만 열 수 있습니다. 매우 불쾌합니다. 실제로는 설정할 수 있습니다. (참고: 프로젝트를 처음부터 빌드한 후 구성하는 경우 왼쪽에 표시된 루트 경로를 제거해야 합니다. 그렇지 않으면 콘텐츠 루트 구성 추가를 클릭한 후 적용되지 않을 수 있습니다)

방법: 파일 -> 설정 -> 디렉토리 -> 콘텐츠 루트 추가에 현재 프로젝트 디렉토리를 추가합니다.

webstorm-setting-01.jpg

3. 웹서버 옵션 구성(포트)

다른 IP 장치(예: 휴대폰 등)에서 편리하게 액세스하여 효과 테스트
방법: 파일 -> ; 설정 -> 빌드, 실행, 개발 ->port

webstorm-setting-05.jpg

4. 파일의 기본 인코딩을 설정합니다. 설정 -> 편집기 -> 파일 인코딩 -> IDE 인코딩, 프로젝트 인코딩.

(

참고: 구성 전후에 페이지를 열 수 있습니다. 인코딩은 그림과 같이 페이지 오른쪽 하단에 표시됩니다. 아래 스크린샷 오른쪽 하단)

webstorm -setting-06.jpg

5. 단축키 구성

기본 단축키 구성을 사용하거나 사용자의 상황에 맞게 구성을 선택할 수 있습니다. 자신의 스타일. eclipse 및 myeclipse를 사용한 개발에 익숙한 사용자는 eclipse 단축키를 구성할 수 있습니다.

방법: 파일 -> 설정 -> 키맵 -> 키맵

webstorm-setting-07.jpg

6. 위에서 언급한 단축키는 webstorm입니다. 이후 emmet 플러그인을 사용합니다. zen 코딩을 사용해 본 사람이라면 emmet이 zen 코딩의 업그레이드 버전이라는 것을 알아야 합니다. 물론 webstorm이 모든 emmet 구문을 지원하는 것은 아니지만 그것만으로도 충분합니다. 구체적인 상황을 확인하려면 Emmet 지원 활성화 문서를 참조하세요.

아래와 같이 CSS에 브라우저 벤더 프리픽스가 자동으로 추가되는 것을 확인할 수 있습니다.

webstorm-setting-08.png

7. 줄번호, 줄 바꿈, 참조선

페이지를 연 후 페이지 왼쪽 테두리를 마우스 오른쪽 버튼으로 클릭하고 팝업 옵션을 확인하세요.

webstorm-setting-09.png

8. 구성 가져오기 및 내보내기

다른 컴퓨터의 webstorm에서 자신만의 코딩 스타일을 사용해야 하는 경우 구성 파일을 가져옵니다. 적용하려면 webstorm을 다시 시작하세요.

내보내기 방법: 파일 -> 내보내기 설정... ->옵션과 경로를 직접 선택하세요. 기본값을 사용할 수도 있습니다.

가져오기 방법: 파일 -> 가져오기 설정... ->.jar 파일 경로를 선택하세요.

9. 플러그인 구성

Webstorm에는 필요에 따라 구성할 수 있는 다양한 플러그인이 포함되어 있습니다. 아직 사용해본 적은 없지만, 사용하신다면 아래 글 중 일부를 참고하시면 됩니다.

SVN, Git 플러그인 구성, CSS 전처리 언어 사전 컴파일, JS 실시간 압축 등 이 글을 참고하세요. Webstorm Getting Started 2-Configuration

1. CSS를 사용하는 친구들 사전 컴파일러(sass, less)는 gulp 및 grunt와 같은 프런트 엔드 보조 도구를 생략할 수 있으며 Webstorm 시작하기 5-sass, scss 및 less 모니터링 및 컴파일

문서를 참조하세요.

위 내용은 WebStorm의 다양한 구성 소개(그림)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!