WebStorm에서 사용자 설정을 사용자 정의하는 방법

이번에는 WebStorm의 사용자 설정을 사용자 정의하는 방법과 WebStorm의 사용자 설정을 사용자 정의할 때 주의 사항이 무엇인지 보여 드리겠습니다. 다음은 실제 사례입니다.

WebStorm 사용자 정의 글꼴 + 색상 + 구문 강조 + 사용자 설정 가져오기 및 내보내기

WebStorm은 체코 회사에서 개발했지만 기능은 매우 강력하지만 UI는 결코 동유럽의 장점이 아닌 것 같습니다. WebStorm의 기본 Editor 색상 매칭은 딱히 특별하지 않습니다. VS2012의 Dark 테마에 익숙하지만, 이걸 보면 갑자기 고급스러움에서 알뜰함으로 넘어가기가 어렵다는 생각이 들고, 색상을 바꿔야 한다는 생각이 듭니다. .

새 구성표 만들기 + 글꼴 수정

ctrl+alt+s를 눌러 설정 인터페이스인 편집기 > 색상&글꼴 >

기본 구성표는 밝지만 어두운 배경으로 환경을 사용자 정의하고 싶기 때문에 오른쪽 구성표 이름 드롭다운 상자에서 Monokai를 수정 기준으로 선택한 다음 다른 이름으로 저장을 클릭하여 새 구성표를 지정합니다. 이름 아래와 같이 이름을 지정합니다.

여기에서 글꼴(저는 보통 Consolas를 선택합니다), 글꼴 크기 및 줄 간격을 설정할 수 있습니다.

사용자 정의된 구문 강조

ctrl+alt+s를 사용하여 설정 인터페이스인 편집기 >

언어마다 고유한 구문 강조 규칙이 있지만 일부는 범용(일반)으로 설정한 다음 필요에 따라 언어별로 구문 강조를 설정합니다.

일반 설정

일반 텍스트: 기본 텍스트

접힌 텍스트: 접힌 텍스트

커서: Caret

커서가 있는 줄: 캐럿 행

줄 번호: 줄 번호

TODO: TODO 기본값

변수 커서 아래 하이라이트: 검색 결과

검색 결과: 텍스트 검색 결과

일치하는 중괄호: 일치하는 중괄호

일치하지 않는 중괄호: 일치하지 않는 중괄호

사용하지 않는 기호: 사용하지 않는 기호

왼쪽 간격(줄 번호, 중단점): 여백 background

선택한 텍스트 배경색: 선택 배경

선택한 텍스트 전경색: 선택 전경

언어 구분 설정

예를 들어

Javascript의 구문 강조를 변경하려면 위 그림에서 Javascript를 선택하세요. 을 클릭한 후 세부 설정을 하세요. 구체적인 설정 항목은 자세히 설명하지 않습니다.

줄 번호 표시 + 자동 줄 바꿈

Vim을 사용하여 프로그래밍하는 경우 줄 번호는 매우 필요한 보조 기능입니다. WebStorm은 기본적으로 줄 번호를 표시하지 않습니다. 줄 번호를 표시하는 것은 매우 쉽습니다.

코드 왼쪽의 여백 영역을 마우스 오른쪽 버튼으로 클릭하면 아래 메뉴가 나타납니다. 줄 번호 표시를 선택하세요.

또한 위 그림에서 Use Soft Wraps를 선택하면 WebStorm의 자동 줄 바꿈 기능이 활성화됩니다. 즉, 너무 긴 코드 줄이 화면을 초과하지 않으며 가로 스크롤 막대가 나타나지 않습니다.

표준 Vim에서는 jk가 이전 줄과 다음 줄로 이동한다는 점을 언급할 가치가 있습니다. 코드가 자동으로 줄 바꿈되면 두 줄로 나누어진 것처럼 보일 수 있지만 실제로는 하나의 논리적 줄입니다. 이번에는 jk를 사용하여 한 논리 행을 위아래로 이동합니다. 이 경우 동일한 논리라인의 "첫 번째 줄"에서 "두 번째 줄"로 이동하려면 gj를 눌러야 합니다. 즉, g를 먼저 누른 다음 방향을 눌러야 합니다. Vim이 이 방법을 제공하지만 여전히 잘못된 버튼을 누르는 경우가 많습니다.

좋은 소식은 Use Soft Wraps가 활성화된 WebStorm에서는 이 작업을 수행할 필요가 없다는 것입니다. j를 눌러 동일한 논리 줄의 "첫 번째 줄"에서 "두 번째 줄"로 이동하면 됩니다.

설정 가져오기 및 내보내기

파일 > 설정 내보내기사용자 설정을 내보냅니다. 아래와 같이 내보낼 설정 유형을 선택할 수 있으며 내보낼 디렉터리도 선택할 수 있습니다.

내보낸 구성은 jar 패키지 형태로 존재하며 가져오기도 마찬가지로 간단합니다. 파일 > 가져오기 설정에서 jar 패키지를 선택한 후 성공적으로 가져온 후 WebStorm을 다시 시작하면 완료됩니다.

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트

기타 관련 기사를 주목하세요!

관련 읽기:

2018년 프론트엔드 인터뷰에 대한 일반적인 알고리즘 질문

테이블에 줄임표 기능을 추가하는 방법

jq를 사용하여 여러 Ajax를 보낸 다음 콜백을 실행하는 팁

의사 요소 첫 글자를 사용하여 텍스트의 첫 글자를 대문자로 사용하는 방법

위 내용은 WebStorm에서 사용자 설정을 사용자 정의하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!