WebStorm(및 기타 JetBrains IDE) 성능 향상

WebStorm을 써 본 적이 있습니까?그렇다면 PHPStorm은요, 아니면, 사실 JetBrains 세트의 어떤 IDE는요?이들은 통합 단말기, 로컬 역사와 VCS 통합,'스마트'가져오기 등 다양한 기능을 포함하는 인상적인 IDE 집합이다.
그러나 이 기능의 팽창은 대가가 있는가?그럼요.
WebStorm과 다른 JetBrains IDE의 성능은 웹 커뮤니티에서 유행하는 경량급 텍스트 편집기에 비해 부족하다.VisualStudio 코드와 Atom이 생각났습니다.
겁먹지 마!해결 방법이 있다.
우선 IDE에 익숙하지 않은 이들을 위해 한 발 물러서겠습니다.

네트워크 폭풍이란 무엇입니까?
WebStorm는 유행하고 기능이 강한 웹 개발 IDE이다.그것은 JetBrains 개발한 더 큰 IDE 집합 중 하나이다. 예전에는 IntelliJ라고 불렸다.이 IDE들은 유행하는 인코딩 언어에 대한 최종 개발 환경을 제공하기 위한 것이다.
기타 JetBrains IDE에는 PHPStorm for PHP, IntelliJ IDEA for Java, PyCharm for Python, ReSharper for C#(Visual Studio로 확장) 등이 있다.
기술적으로 구글 IDE에 속하는 안드로이드 스튜디오마저 인텔리제이 플랫폼에서 운영되고 있다.이 점을 감안하여 본고에서 논의한 대부분의 최적화는 다른 JetBrains IDE로 옮길 수 있다.
그러나 우리가 언급한 바와 같이, 비록 WebStorm은 사용 가능한 가장 강력한 IDE 중의 하나이지만, 그것은 틀림없이 가장 성능이 좋은 것은 아닐 것이다.사실 낡은 기계에서는 기계 킬러일 수도 있다.
바로 사용할 수 있는 설정을 조정하여 WebStorm의 로드 시간과 성능을 향상시키는 방법을 살펴보겠습니다.

WebStorm 성능 최적화

구성 파일 설정
WebStorm 디렉토리의 일부 설정을 사용자 정의로 시작합니다.
우선, WebStorm 설정을 사용자 정의하기 위해 일부 구성 파일을 만들어야 합니다.우리는 두 개의 설정 파일을 만들 것이다. idea.properties 와 webstorm.vmoptions.
이러한 파일을 만들려면 WebStorm을 열고 도움말로 이동합니다.
[사용자 정의 속성 편집...]을 선택합니다.대화 상자가 표시되는 파일idea.properties이 없습니다.
예를 클릭하여 생성합니다.파일이 열립니다.이제 구성 설정을 추가할 수 있습니다.이 파일은 WebStorm 속성을 사용자 정의하는 데 사용됩니다.
다른 파일을 만들려면 도움말로 다시 이동하여 사용자 정의 VM 옵션 편집...을 선택합니다.
대화 상자가 표시되는 파일webstorm.vmoptions이 없습니다.
예를 클릭하여 하나를 생성합니다.파일이 열립니다.이제 구성 설정을 추가할 수 있습니다.이 파일은 WebStorm 가상 시스템 옵션을 사용자 정의하는 데 사용됩니다.
이러한 파일은 다음 디렉토리에서 찾을 수 있으며 나중에 참조할 수 있습니다.
Windows 7/8/10-<SYSTEM DRIVE>\Users\<USER ACCOUNT NAME>\.<PRODUCT><VERSION>OS X/macOS-~/Library/Preferences/<PRODUCT><VERSION>
성능 향상
현재 Google 프로필이 설정되어 있습니다. WebStorm의 설정을 변경하여 성능을 최적화할 수 있습니다.
우선, webstorm.vmoptions 파일의 일부 옵션을 변경하겠습니다.
새로 만든 파일을 열고 모든 옵션을 선택한 다음 다음 다음 코드 세그먼트로 바꿉니다.

-Xms1024m 
-Xmx1536m 
-XX:MaxPermSize=1024m 
-XX:ReservedCodeCacheSize=512m 
-XX:+UseCompressedOops 

다음은 2015년에 출시된 zero-latency라는 실험적 속성을 사용하여 IDE 지연을 없앨 것입니다.
이렇게 하려면 idea.properties 파일에 다음 행을 추가합니다.

editor.zero.latency.typing=true

불필요한 기능을 제거하여 WebStorm의 사용을 계속 최적화할 것입니다.이렇게 하면 기능의 팽창을 줄이고 시스템 메모리를 증가시킬 것이다.

겉모습과 행동
먼저 모양새 및 비헤이비어 기본 설정에서 검사 및 통계 데이터 자동 업데이트를 비활성화합니다.
이렇게 하려면 기본 설정으로 이동하고 모양새 및 비헤이비어를 선택합니다.
그런 다음 시스템 설정으로 이동하여 업데이트 탭을 선택합니다.여기서 자동 업데이트 확인 선택 취소...
그런 다음 시스템 설정에서 메뉴 데이터 공유 를 선택하고 선택 취소 사용 통계를 전송합니다.

편집자
이제 편집기 기본 설정의 일부 설정을 변경합니다.
기본 설정에서 편집기 탭으로 이동하여 실시간 템플릿을 선택합니다.사용하지 않는 템플릿의 선택을 취소합니다.
Emmet는 IDE 플러그인으로 HTML과 CSS 개발 프로세스를 개선하는 데 도움이 된다.
이것은 매우 좋은 플러그인이지만, 많은 옵션이 사용되지 않아 귀중한 시스템 메모리를 낭비했다.
이러한 불필요한 옵션을 삭제하려면 편집기 탭으로 이동하여 Emmet을 선택합니다.CSS, JSX 및 HTML 옵션을 찾아 사용하지 않는 옵션을 선택 취소합니다.
JetBrains 애플리케이션 제품군의 강력한 기능으로이것은 코드를 작성할 때 동적으로 감지되는 문제에 대한 해결 방안을 제공합니다.
그러나 기본적으로 WebStorm은 의사 기본 설정 창에서 모든 옵션을 선택합니다.나열된 모든 기술/언어를 사용할 수 없으므로 사용하지 않는 옵션을 선택 취소합니다.
옵션 선택을 취소하려면 편집기 탭으로 이동하여 의도를 선택합니다.적용되지 않는 언어와 기술의 선택을 다시 취소합니다.

플러그 인
다 왔어.다음은 우리의 플러그인을 처리합시다.
기본 설정에서 플러그 인 탭으로 이동합니다.
기본적으로 모든 네이티브 플러그인이 활성화됩니다.
너는 그것들을 전부 이용할 수 없을 것이다.스크롤 탐색 및 사용 중인 언어와 기술에 적용되지 않는 플러그인 선택을 취소합니다.

명부
를 시작하는 동안 WebStorm은 프로젝트의 각 디렉토리(폴더)를 로드합니다.그러나 그 중 일부 방향, 특히 공급업체 디렉터리, 예를 들어 node_modules 디렉터리는 웹 Storm에서 영원히 닿지 않을 수 있다.이 디렉터리를 불러오는 것은 귀중한 자원을 낭비할 것이다.
사용되지 않은 디렉토리를 비활성화하려면 기본 설정에서 디렉토리로 이동하여 WebStorm에서 편집되지 않은 디렉토리를 Excluded로 설정합니다.

언어 및 프레임워크
기본 설정에서 [언어 및 프레임] > [JavaScript] > [라이브러리]로 이동하여 사용하지 않는 라이브러리의 선택을 취소합니다.
Compass를 사용하여 Sass에서 CSS 파일을 생성하지 않은 경우'나침반 지원 활성화'가 설정되어 있지 않은지 확인합니다.이렇게 하려면 언어 및 프레임 > 나침반으로 이동합니다.

공구.
웹 브라우저 섹션에서는 활성화된 브라우저로 항목을 빠르게 시작합니다.
이 기능을 사용하지 않으면 비활성화합니다.이렇게 하려면 기본 설정에서 웹 브라우저로 이동하여 선택한 브라우저를 제외한 모든 브라우저의 선택을 취소합니다.

결론
이렇게
현재 우리는 WebStorm을 성공적으로 정리했습니다. 당신은 시작 시간과 전체적인 성능이 현저하게 향상되었음을 발견할 수 있을 것입니다. 그러면 당신은 중요한 일: 웹 개발에 전념할 수 있습니다.

출처

Make WebStorm better with these customizations - Victor Savkin, FreeCodeCamp

How to speed up WebStorm - StackOverflow

File 'idea.properties' - JetBrains documentation