[WebStorm] React 컴포넌트 생성 단축 키워드

이전에 VScode에서도 간단한 단축키들을 설정해서 React 컴포넌트 템플릿을 사용했었는데,이번에 webstorm을 셋팅하면서 플러그인들과 기본 셋팅을 했었다. 그 중 React Snippets 에 대해서 기록해본다. 1. Settings > Plugins > 'React snippets' 를 검색 후 Install 2. Settings > Editor > Live Templates > React에서 다음과 같이 React 에 관한 snippets을 확인할 수 있다. 이전에 나는 rfc라는 키워드로 사용해와서 rfc로 React Function Components를 추가하였다. import React from 'react';function $TM_FILENAME_BASE$(props) { return ..

• format_list_bulleted ___/webstorm
• · 2024. 6. 30.
• textsms

[WebStorm] 커멘드 라인으로 WebStorm 실행하기

웹스톰 커멘드라인 실행환경 만들기1. 우선 웹스톰을 실행한다. 2. Tools > Create Command-line Launcher3. 환경변수에 웹스톰 경로를 설정하라는 팝업을 확인할 수 있다. 4. 설정 파일에 들어가서 다음과 같이 PATH 환경 변수에 Webstorm 실행 파일의 경로를 추가해준다.# zsh을 사용한다면vim ~/.zshrc# bash를 사용한다면vim ~/.bash_profileexport PATH="/Applications/WebStorm.app/Contents/MacOS:$PATH"5. 저장하고, 변경사항을 터미널에 적용한다. source ~/.zshrc6. 설정 끝! 이제 원하는 디렉토리로 이동한 뒤 다음 명령어로 웹스톰을 실행할 수 있다. webstorm .  커멘드 라인..

• format_list_bulleted ___/webstorm
• · 2024. 6. 30.
• textsms