- vsc란?
- vsc프로그래밍을 윤택하게 해주는 vsc plugin은 무엇?
- 많이 쓰이는 top5 VSC Plugin은 무엇? + 그외 각 라이브러리라 프레임워크에 따라서 추천하는 VSC Plugin은?
- VSC란?
Visual Studio Code의 준말이다.
c언어나 c++언어 공부해보신 분이라면 visual studio를 써보셨을 것이다. 이 vs을 웹 버전으로 만든 IDE이다.
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
참고해보자!
- vsc프로그래밍을 윤택하게 해주는 vsc plugin은 무엇?
1. Prettier (90% 공통추천!)
vsc plugin 사용하는분이라면 모두 쓰는 플러그인 같다.
2. Auto Close Tag + Auto Rename Tag (50% 공통추천 + 필자의 강력 추천)
태그를 쓸때 수고로움을 덜어준다.
작성할때 여는 태그만 작성하고 여는 태그나 닫는 태그 중 한 가지만 수정을 해도 두 가지 동시에 수정이 된다.
이 플러그인이 없다면 여는태그 닫는 태그 처음 작성시 모두 작성하고 수정할 때도 모두 수정해야한다.
3. Bracket Pair Colorizer 2 (40% 공통추천 + 필자의 강력 추천))
개인적으로도 매우 추천한다.
왜냐하면 js를 사용할때 괄호들이 중첩되는 경우가 많은데 이를 다른 색상으로 구분해준다.
확실히 프로그램오류를 방지해주는 것 같다.
4. Material Icon Theme (65% 공통추천 + 필자의 강력 추천)
Material Icon Theme - Visual Studio Marketplace
Extension for Visual Studio Code - Material Design Icons for Visual Studio Code
marketplace.visualstudio.com
폴더를 icon으로 표시해줘 직관적으로 파악하기 쉽게 해준다. 많은 폴더를 사용할때 매우 유용하다.
5. ESLint (그냥 필수가 아닐까 싶다..)
javascript 문법을 자동검사해준다.
+ TSLint
typescript문법을 자동으로 검사해준다.
+ Vetur
그냥 Vue쓸때 필수이다.
저는 React를 사용하여 개발할 때 styled-components를 주로 사용하여 개발할 수 있습니다. styled-components는 백틱(`) 안에서 css로 스타일링을 하는데, 이 때 CSS의 Syntax Highlighting을 도와주는 확장입니다.
예쁘기도 하지만 실제 작업을 하는 데에도 많은 도움이 된다고하네요
참고 + 내가 쓰는 plugin
https://redcow77.tistory.com/409
[VS Code] Microsoft Visual Studio Code 확장 플러그인 추천 - Extension 추천
Microsoft Visual Studio Code는 확장 기능이 풍부한 코드 편집기입니다. Visual Studio Code를 설치한 후에 확장 플러그인 기능인 Extension을 설치하게 되면 높은 사용성을 가져올 수 있습니다. 확장 프로그램.
redcow77.tistory.com
Visual Studio Code 추천 확장(extension) 플러그인
Visual Studio Code(vs code)는 마이크로 소프트에서 개발한 문서 편집기로 웹 개발에 주로 사용된다. 초기에는 Atom이나 Sublime Text에 비하면 여러가지로 부족했지만 업데이트를 반복하면서 확장(extension)
teserre.tistory.com
내가 사용하는 VSCode 플러그인들(VSCode 플러그인 추천)
Visual Studio Code Visual Studio Code(이하 VSCode)는 Microsoft에서 오픈 소스로 개발하고 배포하는 텍스트 에디터입니다. 윈도우, macOS, 리눅스를 모두 지원하는 크로스 플랫폼 에디터이기도 하죠. 다양한..
blog.flynnpark.dev
https://creavart.tistory.com/174#gsc.tab=0
나도 쓰는 VS Code 사용기 및 확장 플러그인 추천
오늘은 VS Code - Visual Studio Code 확장 플러그인 (설치 후 필요프록그램을 추가하는 것) 추천 포스팅을 하려고 합니다. 혹시 html이나 파이썬 같은 것을 코딩하시는 분들은 어떤 에디터를 주로 사용하
creavart.tistory.com