이전에 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 ..
웹스톰 커멘드라인 실행환경 만들기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 . 커멘드 라인..
1. Prettier - Code formatter 설치 2. 설정 방법 File > Preferences > Settings Default Formatter 검색 > Prittier - Code formatter 선택 editor format on save 검색 > Fomat On Save 체크 json 검색 > Edit in setting.json 클릭 > editor.formatOnSave true 확인 3. 저장 후 정렬 확인 Ref ) [ Blog ] VSCODE 코드 정렬 extension
vscode Command Palate에서 Shell Command: Install 'code' command in PATH 를 설정하면 된다. 요렇게 치면 해당하는 경로에서 vscode가 열린다.
timeago 설치 후 아래와 같은 WARNING 발생 실행하는데 문제는 없으나 해당 WARNING이 왜 발생하는지는 모르겠음 Compiled with warnings. Failed to parse source map from '/Users/wonny/Documents/dev/KDT3-react-toyproject/react-youtube-clone/node_modules/timeago.js/src/format.ts' file: Error: ENOENT: no such file or directory, open '/Users/wonny/Documents/dev/KDT3-react-toyproject/react-youtube-clone/node_modules/timeago.js/src/format.ts' ..
내 블로그 - 관리자 홈 전환 |
Q
Q
|
---|---|
새 글 쓰기 |
W
W
|
글 수정 (권한 있는 경우) |
E
E
|
---|---|
댓글 영역으로 이동 |
C
C
|
이 페이지의 URL 복사 |
S
S
|
---|---|
맨 위로 이동 |
T
T
|
티스토리 홈 이동 |
H
H
|
단축키 안내 |
Shift + /
⇧ + /
|
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.