VSCode 로 개발하기

현재 작업하고 있는 들여쓰기 깊이를 시각적으로 강조 표시해 줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator

추가 기능

indenticator.showHover = true 로 설정하여 현재 들여쓰기 블록 둘러보기

indenticator.inner.showHighlight = true 로 설정하여 블록의 들여쓰기 가이드 강조 표시

indenticator.inner.color.dark = #ff0000 으로 설정할 경우 아래처럼 빨간색으로 표시됨

주석내 경고, 정보, TODO 등의 주석을 색을 이용하여 표현해줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

기본 설정

멀티 라인을 지원할지 설정합니다.

"better-comments.multilineComments": true

일반 텍스트 주석을 지원할지 설정합니다.

"better-comments.highlightPlainText": false

표현할 주석을 설정 하거나 추가할 수 있습니다.

"better-comments.tags": [
  {
    "tag": "!",
    "color": "#FF2D00",
    "strikethrough": false,
    "backgroundColor": "transparent"
  },
  {
    "tag": "?",
    "color": "#3498DB",
    "strikethrough": false,
    "backgroundColor": "transparent"
  },
  {
    "tag": "//",
    "color": "#474747",
    "strikethrough": true,
    "backgroundColor": "transparent"
  },
  {
    "tag": "todo",
    "color": "#FF8C00",
    "strikethrough": false,
    "backgroundColor": "transparent"
  },
  {
    "tag": "*",
    "color": "#98C379",
    "strikethrough": false,
    "backgroundColor": "transparent"
  }
]

지원언어

• Ada
• AL
• C
• C#
• C++
• Clojure
• COBOL
• CoffeeScript
• CSS
• Dart
• Dockerfile
• Elixir
• Erlang
• F#
• Go
• GraphQL
• Groovy
• Haskell
• Haxe
• HiveQL
• Java
• JavaScript
• JavaScript React
• JSON with comments
• Julia
• Kotlin
• LaTex
• Less
• Lisp
• Lua
• Makefile
• Nim
• MATLAB
• Objective-C
• Objective-C++
• Pascal
• Perl
• Perl 6
• PHP
• Pig
• PL/SQL
• PowerShell
• Python
• R
• Racket
• Ruby
• Rust
• Sass
• Scala
• SCSS
• ShaderLab
• ShellScript
• SQL
• Swift
• Terraform
• TypeScript
• TypeScript React
• Visual Basic
• Vue.js
• YAML

현재 활성화된 파일의 전체 경로를 상태바에 표시해 줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=RoscoP.ActiveFileInStatusBar

들여 쓰기를 보다 쉽게 볼 수 있는 간단한 확장 기능

링크 : https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

이 확장은 텍스트 앞의 들여 쓰기를 각 단계에서 4 가지 색상으로 번갈아 표시합니다.

파일 > 기본설정 > 설정에서

위와 같이 설정시 space(.) 와 tab(->) 을 별도로 표시해 주어 같이 사용하면 좋습니다.

Visual Studio IDE와 마찬가지로 페어링 된 HTML / XML 태그의 이름을 자동으로 바꿉니다.

링크 : https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag