Share
Sign In
유용한 extension
vscode에서 사용하기 좋은 extension
ESLint
자바스크립트의 문법과 코드의 포맷을 검사하는 extension
Reactjs code snippets
리엑트 문법을 사용할때 융용한 snippets를 제안하는 extension. 컴포넌트, 라이프사이클 등 코드를 자동 생성.
Prettier - Code formatter
위와 같이 코드를 보기 좋은 포맷으로 변경시켜준다.
Bracket pair colorizer
소괄호 중괄호 대괄호 등의 bracket 쌍의 색을 적절하게 매칭시켜준다.
Gitlens
깃의 히스토리를 보기 좋게 해준다.
TabOut
탭을 눌러 bracket을 빠져 나갈 수 있는 extension. 이제는 더 이상 화살표로 오른손을 옮길 필요 없다.
Auto Rename Tag
여는 태그와 닫는 태그를 동시에 수정할 수 있다. 두번 작업하지 말자!! 또한 닫는 태그를 찾아다니지 말자! (가끔 indentation이 잘못된 경우 이상한 짓을 하는 경우가 있다.)
Auto close Tag
태그를 시작하고 > 로 닫는 순간 닫히는 태그를 생성해 준다. (가끔 single 태그의 경우 불편할 때가 있다. )
Path Intellisense
파일의 경로의 하위 디렉토리나 파일을 찾고자 할때 경로를 제안해준다.
TODO Highlight
TODO: 와 FIXME: 를 주석에 입력하여 현재 해야할 코드의 위치와 고쳐야할 코드의 위치를 주석으로 눈에 띄도록 Highlight 해준다.
Vscode-icons
아이콘이 이쁘다.
npm lntellisense
npm 라이브러리 자동완성 snippets 기능을 제공한다.
vscode에서 사용하기 좋은 extension
ESLint
자바스크립트의 문법과 코드의 포맷을 검사하는 extension
Reactjs code snippets
리엑트 문법을 사용할때 융용한 snippets를 제안하는 extension. 컴포넌트, 라이프사이클 등 코드를 자동 생성.
Prettier - Code formatter
위와 같이 코드를 보기 좋은 포맷으로 변경시켜준다.
Bracket pair colorizer
소괄호 중괄호 대괄호 등의 bracket 쌍의 색을 적절하게 매칭시켜준다.
Gitlens
깃의 히스토리를 보기 좋게 해준다.
TabOut
탭을 눌러 bracket을 빠져 나갈 수 있는 extension. 이제는 더 이상 화살표로 오른손을 옮길 필요 없다.
Auto Rename Tag
여는 태그와 닫는 태그를 동시에 수정할 수 있다. 두번 작업하지 말자!! 또한 닫는 태그를 찾아다니지 말자! (가끔 indentation이 잘못된 경우 이상한 짓을 하는 경우가 있다.)
Auto close Tag
태그를 시작하고 > 로 닫는 순간 닫히는 태그를 생성해 준다. (가끔 single 태그의 경우 불편할 때가 있다. )
Path Intellisense
파일의 경로의 하위 디렉토리나 파일을 찾고자 할때 경로를 제안해준다.
TODO Highlight
TODO: 와 FIXME: 를 주석에 입력하여 현재 해야할 코드의 위치와 고쳐야할 코드의 위치를 주석으로 눈에 띄도록 Highlight 해준다.
Vscode-icons
아이콘이 이쁘다.
npm lntellisense
npm 라이브러리 자동완성 snippets 기능을 제공한다.
vscode에서 사용하기 좋은 extension
ESLint
자바스크립트의 문법과 코드의 포맷을 검사하는 extension
Reactjs code snippets
리엑트 문법을 사용할때 융용한 snippets를 제안하는 extension. 컴포넌트, 라이프사이클 등 코드를 자동 생성.
Prettier - Code formatter
위와 같이 코드를 보기 좋은 포맷으로 변경시켜준다.
Bracket pair colorizer
소괄호 중괄호 대괄호 등의 bracket 쌍의 색을 적절하게 매칭시켜준다.
Gitlens
깃의 히스토리를 보기 좋게 해준다.
TabOut
탭을 눌러 bracket을 빠져 나갈 수 있는 extension. 이제는 더 이상 화살표로 오른손을 옮길 필요 없다.
Auto Rename Tag
여는 태그와 닫는 태그를 동시에 수정할 수 있다. 두번 작업하지 말자!! 또한 닫는 태그를 찾아다니지 말자! (가끔 indentation이 잘못된 경우 이상한 짓을 하는 경우가 있다.)
Auto close Tag
태그를 시작하고 > 로 닫는 순간 닫히는 태그를 생성해 준다. (가끔 single 태그의 경우 불편할 때가 있다. )
Path Intellisense
파일의 경로의 하위 디렉토리나 파일을 찾고자 할때 경로를 제안해준다.
TODO Highlight
TODO: 와 FIXME: 를 주석에 입력하여 현재 해야할 코드의 위치와 고쳐야할 코드의 위치를 주석으로 눈에 띄도록 Highlight 해준다.
Vscode-icons
아이콘이 이쁘다.
npm lntellisense
npm 라이브러리 자동완성 snippets 기능을 제공한다.
vscode에서 사용하기 좋은 extension
ESLint
자바스크립트의 문법과 코드의 포맷을 검사하는 extension
Reactjs code snippets
리엑트 문법을 사용할때 융용한 snippets를 제안하는 extension. 컴포넌트, 라이프사이클 등 코드를 자동 생성.
Prettier - Code formatter
위와 같이 코드를 보기 좋은 포맷으로 변경시켜준다.
Bracket pair colorizer
소괄호 중괄호 대괄호 등의 bracket 쌍의 색을 적절하게 매칭시켜준다.
Gitlens
깃의 히스토리를 보기 좋게 해준다.
TabOut
탭을 눌러 bracket을 빠져 나갈 수 있는 extension. 이제는 더 이상 화살표로 오른손을 옮길 필요 없다.
Auto Rename Tag
여는 태그와 닫는 태그를 동시에 수정할 수 있다. 두번 작업하지 말자!! 또한 닫는 태그를 찾아다니지 말자! (가끔 indentation이 잘못된 경우 이상한 짓을 하는 경우가 있다.)
Auto close Tag
태그를 시작하고 > 로 닫는 순간 닫히는 태그를 생성해 준다. (가끔 single 태그의 경우 불편할 때가 있다. )
Path Intellisense
파일의 경로의 하위 디렉토리나 파일을 찾고자 할때 경로를 제안해준다.
TODO Highlight
TODO: 와 FIXME: 를 주석에 입력하여 현재 해야할 코드의 위치와 고쳐야할 코드의 위치를 주석으로 눈에 띄도록 Highlight 해준다.
Vscode-icons
아이콘이 이쁘다.
npm lntellisense
npm 라이브러리 자동완성 snippets 기능을 제공한다.
vscode에서 사용하기 좋은 extension
ESLint
자바스크립트의 문법과 코드의 포맷을 검사하는 extension
Reactjs code snippets