유용한 비쥬얼스튜디오코드 확장 기능

VSCODE 강력한 확장기능

Settings Sync

github 를 이용해서 VSCode 의 Setting 을 저장하고 다운 받을 수 있습니다
여러 대의 개발환경을 사용할 때 무조건 필수 입니다

  1. Use your GitHub account token and Gist.
  2. Easy to Upload and Download on one click.
  3. Show a summary page at the end with details about config and extensions effected.
  4. Auto download Latest Settings on Startup.
  5. Auto upload Settings on file change.
  6. Share the Gist with other users and let them download your settings.
  7. Supports GitHub Enterprise
  8. Support pragmas with @sync keywords: host, os and env are supported.
  9. GUI for changing settings / logging in
  10. Allows you to Sync any file across your machines.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
## Setting Sync 로 설치되어 있는 내가 사용하는 extentions
Extensions Added:
auto-close-tag v0.5.10
auto-rename-tag v0.1.6
aws-cloudformation-yaml v0.2.2
beautify v1.5.0
bracket-pair-colorizer v1.0.61
cform v0.0.24
change-case v1.0.0
code-settings-sync v3.4.3
color-highlight v2.3.0
debugger-for-chrome v4.12.12
githistory v0.6.16
gitignore v0.6.0
gitlens v11.3.0
html-snippets v0.2.1
indent-rainbow v7.5.0
java v0.76.0
JavaScriptSnippets v1.8.0
json v2.0.2
json-tools v1.0.2
jupyter v2021.3.684299474
kite v0.142.0
lintlens v3.0.0
LiveServer v5.6.1
markdown-all-in-one v3.4.0
markdown-preview-enhanced v0.5.17
material-theme v3.9.15
npm-intellisense v1.3.1
path-intellisense v2.3.0
plantuml v2.14.4
polacode v0.3.4
prettier-vscode v6.3.1
prettify-json v0.0.3
project-manager v12.0.1
python v2021.3.680753044
quokka-vscode v1.0.351
rainbow-brackets v0.0.6
rainbow-csv v1.8.1
remote-containers v0.163.2
remote-wsl v0.54.6
rest-client v0.24.4
sonarlint-vscode v1.21.0
sonarqube-status v0.2.0
swdc-vscode v2.5.3
vetur v0.33.1
view-in-browser v0.0.5
vscode-coverage-gutters v2.7.2
vscode-css-peek v4.1.2
vscode-docker v1.11.0
vscode-eslint v2.1.19
vscode-hexo-utils v0.1.22
vscode-icons v11.2.0
vscode-import-cost v2.15.0
vscode-java-debug v0.32.1
vscode-mocha-sidebar v0.22.2
vscode-npm-script v0.3.18
vscode-paste-image v1.0.4
vscode-pylance v2021.3.3
vscode-python-test-adapter v0.6.7
vscode-test-explorer v2.19.6
vscode-todo-highlight v1.0.4
vscode-typescript-tslint-plugin v1.3.3
vscode-yaml v0.17.0
vscodeintellicode v1.2.12
vsliveshare v1.0.4018
vue-beautify v2.0.4
vue-vscode-snippets v2.2.0

Prettier — Code Formatter

코드를 보기좋게 해줍니다 이것도 필수

ESLint — finds errors and analyze JavaScript code

자바스크립트 개발자는 필수

Path Intellisense — Plugin that autocompletes filenames

파일명 입력할 때 짱

Npm Intellisense

node 라이브러리 사용하면 필수

Debugger for Chrome

프론트 개발자는 필수 , 크롬 브라우저로 디버그 할 때 사용합니다

GitLens

그냥 필수. Git 내역 볼 수 있음

Bracket Pair Colorizer

(((((괄호))))) 때문에 눈 아프기 싫으면 필수

Live server

Vue, react 같은 static page 개발시에 실시간 Reload 가 되는 서버로 보여주니
필요하면 설치

Vetur

Vue 개발자는 필수