🔮 VSCode 설치

Visual Studio Code 설치 및 Extention 설정

 

---

extension 설치

 

- Material Theme

테마화면 커스텀 툴

 

Ctrl Shift P

방향키로 조절하며 적용된 화면을 확인할 수 있다.

 

- Material Icon Theme

파일을 직관적인 아이콘으로 어떤 파일인지 확인할 수 있게 해준다.

근데 이클립스 테마라고 검색해서 그거적용함

이클립스에 익숙해져서..

 

- Prettier

저장하는 순간 코드를 자동정렬해준다. (저장시 정렬하는 기능은 끌 수도 있다.)

에서 코드를 넣어줘야하는데 윈도우환경에서는 아래 방법을 따른다.

"editor.formatOnSave": true,
"editor.showUnused": true,
"editor.defaultFormatter": "esbenp.prettier-vscode" 

------------------------------------------------------------------

저렇게 setting.json파일에 직접 작성하거나 또는

 

 

- Formatting Toggle

근데 prettier 적용 안시키고 싶을 때.... 사용하기로..

(주석 맘대로 정렬시키거나....)

했는데 토글안먹음... 찾는중..

🧷 엄청 몇시간 토글 붙잡고 있었는데..ㅠㅠㅠㅠㅠㅠㅠ

주석처리 안에 prettier-ignore 넣으면 그 파일은 프리티어 적용하지 않는다.

<!-- prettier-ignore -->

코드 맨위에 작성하면 html주석은 건들지 않는다. 그냥 파일전부 건들지 않는거였음 ㅠㅠ

근데 이거를 일일이 파일에 넣어야되는걸까..

 

🧷 settings.json 파일에

"prettier.ignorePath": ".prettierignore" 문구 넣거나 설정에서 직접 설정

 

이게 디폴트 값. (여기에 파일 경로 넣어줄 수 있다..)

 

 

- Formatting Toggle

코드에 에러 표시 안해주는거 같아서(넘답답) 설치함