WebStorm 2022.2의 새로운 기능

JetBrains는 WebStorm에서 Angular 14를 지원하기 위해 여러 가지 노력을 기울였습니다. 이번 릴리스에 추가된 가장 중요한 사항은 Angular 독립실행형 구성 요소 지원입니다. WebStorm은 이제 standalone: true로 표시된 구성 요소, 지시문 및 파이프를 올바르게 인식합니다.

WebStorm 2022.2는 더욱 향상된 Vue 3 지원을 제공합니다. 예를 들어, WebStorm은 이제 v-if/else 지시문의 타입 좁히기를 이해합니다. 또한 Vue 팀이 권장하는 상태 관리 솔루션이자 전역 저장소로 작동하는 Pinia 지원도 개선되었습니다. Pinia 라이브러리를 사용하면 Vue에서 코드 완성 및 문제 해결 기능이 지원되므로, 저장소에 정의된 상태 프로퍼티 및 액션으로 이동할 수 있습니다.

WebStorm 2022.2 버전은 TypeScript 4.7과 번들로 제공되며, moduleSuffixes 및 Node.js의 ESM 등 새로운 언어 기능을 지원합니다. tsconfig.json 파일에서 module이 node16 또는 nodenext로 설정된 경우, .js 확장자가 import 문에 자동으로 삽입됩니다. 또한 WebStorm은 package.json 파일의 typesVersions 필드도 지원합니다.

원격 개발 워크플로는 이제 베타 버전으로 지원되며, 별도의 설정 없이 바로 사용할 수 있습니다. 이제 IDE 백엔드가 실행 중인 상태인 원격 시스템에 연결되므로 이 위치에 있는 프로젝트를 마치 로컬 시스템에 있는 것처럼 작업할 수 있습니다. 이 기능을 시작하려면 WebStorm의 시작 화면에서 Remote Development(원격 개발) 탭으로 이동하세요. 자세한 내용은 이 블로그 게시물을 참조하세요.

이번 릴리스에는 Docker 개선 사항이 추가되었습니다. IDE를 다시 시작하면 WebStorm이 Docker에 자동으로 연결됩니다. Additionally, there is a new Copy Docker Image action and integration with Colima and Rancher.

WebStorm 2022.2 버전은 WebSocket 연결을 지원합니다. 또한 GraphQL 요청에 대한 지원이 추가되어 HTTP 및 WebSocket 프로토콜을 통해 GraphQL 쿼리를 전송할 수 있습니다. 실행하기 전에 여백 아이콘에서 실행 환경을 선택할 수 있습니다.

이제 소프트웨어 팀을 위한 올인원 솔루션 JetBrains Space 통합 기능이 WebStorm에서 기본 제공됩니다. IDE를 Space 조직에 연결하여 프로젝트 저장소를 표시하거나 복제하고, Space API를 사용하는 복잡한 스크립트를 작성하고, 팀원의 코드를 검토할 수 있습니다.

에디터에서 코드를 확대 또는 축소할 경우 현재 글꼴 크기 및 글꼴 크기를 기본값으로 되돌리는 옵션이 표시됩니다.

키보드 단축키를 사용하여 에디터 전체의 글꼴 크기를 변경하는 기능을 도입했습니다. Alt+Shift+.를 누르면 글꼴 크기가 확대되며 Alt+Shift+,를 누르면 축소됩니다.

WebStorm은 코드를 오류가 없는 상태로 유지할 수 있도록, 코드의 문제를 찾아 보고하는 다양한 검사를 지원합니다. 2022.2 버전에서는 검사와 관련하여 에디터의 강조 표시를 구성하는 방식이 개선되었습니다. Preferences(환경 설정)/Settings(설정) | Editor(에디터) | Inspections(검사)로 이동하여 필요한 검사를 찾아 Highlighting in editor(에디터 내 강조 표시) 값을 변경해 보세요.

파일 중 하나가 일반 텍스트로 탐지되었으나 적절한 강조 표시가 없는 경우 WebStorm은 Preferences(환경 설정)/Settings(설정)로 이동하여 파일 형식을 수동으로 구성하지 않아도, 에디터에서 바로 불필요한 파일 형식의 연결을 다시 설정하도록 제안합니다.

이제 자동 코드 완성 기능을 변경해야 할 경우 코드 완성 팝업창에서 바로 코드 완성 설정으로 이동할 수 있습니다.

실행 구성을 활용하면 코드를 실행, 디버그 및 테스트할 수 있습니다. 새로운 사용자도 실행 구성을 쉽게 활용할 수 있도록 Current File(현재 파일) 옵션이 추가되었습니다. 옵션 오른쪽의 해당 버튼을 클릭하면 WebStorm은 컨텍스트 메뉴에서 파일을 실행하는 것처럼 현재 파일에 가장 적합한 실행 구성 유형을 사용합니다.

macOS를 사용하는 경우 열려 있는 모든 프로젝트 창을 하나로 병합하여 탭으로 전환할 수 있습니다. 이 액션을 사용하려면 Window(창) | Merge All Project Windows(모든 프로젝트 창 병합)로 이동하세요.

WebStorm의 Welcome(시작) 화면에서 Cloning repository(저장소를 복제하는 중) 진행률이 표시되는 방식이 개선되었습니다. 이제 진행률 표시줄이 Projects(프로젝트) 목록에 표시되어 한층 명확해지고, 사용이 편리해졌습니다.