[VSCODE] 내가 사용하는 VSCODE EXTENSIONS

vscode를 이제 막 접하며 extensions의 중요성을 느꼈다!!

​

내가 사용하는 vscod extensions는 아직은 배운게 많이 없어 이렇게만 사용 중! 차후 추가 시 추가 정리해야지 ㅎㅎ

​

​

Extensions 는 전부

왼쪽 상단에있는 네모네모 모양의 아이콘을 누르고 뜨는 검색바에 이름을 검색하여 다운 받아주면 된다

​

1. code spell checker는 코드에서 spelling오탈자를 잡아준다.

2.korean 은 vscode 를 한국어로 볼 수 있게 해준다.

만약 다시 영어로 보고싶다면?

ctrl+shift+p

누르고 상단에 뜬 명령 팔레트에

cdl

을 입력한다

Configure Display Language 이 보이면 클릭

리스트에

en

ko

이렇게 두개가 뜨는데 en을 누르면 vscode가 영문으로 변경된다.

​

3. 그리고 Live Server!!!아주 필수다. 내가 만든 코드를 바로 확인 할 수 있게 해준다.

Live Server 사용방법

작성하는 코드의 화면에서 우클릭을 하면,

Live Server 메뉴가 생기고

Open with Live Server

Stop Live Server

위 버튼을 클릭하면 Live Server 기능을 키거나 끌 수 있다.

​

4. prettier 들쑥날쑥하게 제멋대로 입력한 코드들을 예쁘게 정리해준다.

prettier 사용방법

왼쪽 하단에 톱니바퀴모양의 설정버튼을 누른다

setting 을 클릭하고

user를 누른다음

search setting 검색 바에서

formatter 을 검색후

prettier 로 바꿔준다.

이제 다시 작성하던 코드에 돌아가서

Format Document( shift + Alt + F)를 눌러주면

아까 혼자 툭 튀어나왔던 코드가 쑥 들어가며 정리 된 것을 확인 할 수 있다.