일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- .env
- s3확장자
- useReducer
- 제일 작은 수 제거하기
- 프리티어
- dotenv
- MySQL
- 커밋 한번에
- 자동완성방지
- react
- vscode
- 코딩테스트
- utf8mb4
- max_allowed_packet
- 자연수 뒤집어 배열로 만들기
- prettier
- elasticIP
- Node
- 프로그래머스
- 부족한 금액 계산하기
- reacts3
- axios
- 리액트코드정렬
- interactive_timeout
- next #middleware
- express
- 리액트
- AWS
- EC2
- 코드정렬
- Today
- Total
목록VSCODE (4)
Sungtt

VSCODE 한 줄로 나오는 폴더 구조 변경하기 아래와 같이 중첩된 폴더임에도 불구하고 한줄로 출력되어 보기에 불편한 경우가 있다. (@containers -> InnerWidth) 이를 해결하려면 Settings 창(ctrl + ,)에서 Compact Folders를 검색하여 체크박스를 해제해주면 해결된다. 중첩된 구조 그대로 보인다.!

개요 환경변수 파일 설정중 prettier로 인해 코드가 자동으로 정렬되어 의도치않은 코드가 나온다. 해결 루트경로 or 제외할 파일 경로에 .prettierignore 파일 생성 파일안에 코드정렬에서 제외할 파일명을 작성한다. *.css처럼 *(와일드카드)가 사용 가능하다.

Windows 전용 https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf Mac 전용 https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf

개요 VSCODE의 확장 프로그램 prettier를 통해 코드 스타일을 관리한다. 코드의 가독성을 높이는데도 도움이 된다. .prettierrc 파일 생성 프로젝트의 루트경로(최상위경로)에 .prettierrc 파일을 생성해준다. 뒤에서 설치할 prettier의 설정파일이다. 각 설정은 "키":값의 한 쌍으로 이루어져 있다. .prettierrc 작성 이제 코드를 어떤 식으로 정렬할 것인지 작성한다. 글 맨 아래에 공식 api문서 링크를 걸어놓았다. 더 다양한 설정이 많으니 확인해보자. { "trailingComma": "all", // 쉼표가 여러줄인 코드의 마지막에 쉼표를 넣을것인지! "tabWidth": 2, // 탭의 너비를 설정한다. "semi": true, // true로 할 시 모든 문장의 ..