Skip to main content

Plugins

About 11 minVSCodePluginsvscodevisual-studio-codeidepluginvscode-pluginclilinuxdracula

Plugins ๊ด€๋ จ

๐ŸงฐPlugin(s)

Auto Rename Tag (`formulahendry.auto-rename-tag`)
Auto rename paired HTML/XML tag
Better Comments (`aaron-bond.better-comments`)
Improve your code commenting by annotating with alert, informational, TODOs, and more!
CodeSnap (`adpyke.codesnap`)
๐Ÿ“ท Take beautiful screenshots of your code
Conventional Commits (`vivaxy.vscode-conventional-commits`)
๐Ÿ’ฌConventional Commits for VSCode.
CSS Peek (`pranaygp.vscode-css-peek`)
Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.
Debugger for Java (`vscjava.vscode-java-debug`)
A lightweight Java debugger for Visual Studio Code
Docker (`ms-azuretools.vscode-docker`)
Makes it easy to create, manage, and debug containerized applications.
Dracula Official (`dracula-theme.theme-dracula`)
Official Dracula Theme. A dark theme for many editors, shells, and more.
Draw Folder Structure (`jmkrivocapich.drawfolderstructure`)
Generate markdown representations of your folder and file structure
Elm Emmet (`necinc.elmmet`)
Convert emmet abbreviations to composition of elm functions
ES7+ React/Redux/React-Native snippets (`dsznajder.es7-react-js-snippets`)
Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.
Java (`Oracle.oracle-java`)
Oracle Java Platform Extension for Visual Studio Code
Extension Pack for Java (`vscjava.vscode-java-pack`)
Popular extensions for Java development that provides Java IntelliSense, debugging, testing, Maven/Gradle support, project management and more
Git Graph (`mhutchie.git-graph`)
View a Git Graph of your repository, and perform Git actions from the graph.
Gradle for Java (`vscjava.vscode-gradle`)
Manage Gradle Projects, run Gradle tasks and provide better Gradle file authoring experience in VS Code
Gradle Language Support (`naco-siren.gradle-language`)
Add Gradle language support for Visual Studio Code
IntelliCode (`visualstudioexptteam.vscodeintellicode`)
AI-assisted development
IntelliCode API Usage Examples `visualstudioexptteam.intellicode-api-usage-examples`
See relevant code examples from GitHub for over 100K different APIs right in your editor.
IntelliSense for CSS class names in HTML (`zignd.html-css-class-completion`)
CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
jumpy (`wmaurer.vscode-jumpy`)
Jumpy provides fast cursor movement, inspired by Atom's package of the same name.
Jupyter (`ms-toolsai.jupyter`)
Jupyter notebook support, interactive programming and computing that supports Intellisense, debugging and more.
Jupyter Keymap (`ms-toolsai.jupyter-keymap`)
Jupyter notebook support, interactive programming and computing that supports Intellisense, debugging and more.
Jupyter Notebook Renderers (`ms-toolsai.jupyter-renderers`)
Jupyter notebook support, interactive programming and computing that supports Intellisense, debugging and more.
Kotlin Language (`fwcd.kotlin`)
Smart code completion, debugging, linting, syntax highlighting and more for Kotlin
Language Support for Java(TM) by Red Hat (`redhat.java`)
Java Linting, Intellisense, formatting, refactoring, Maven/Gradle support and more...
Live Server (`ritwickdey.liveserver`)
Launch a development local Server with live reload feature for static & dynamic pages
Markdown PDF (`yzane.markdown-pdf`)
Convert Markdown to PDF
Markdown Preview Enhanced (`shd101wyy.markdown-preview-enhanced`)
Markdown Preview Enhanced ported to vscode
Markdown Preview Mermaid Support (`bierner.markdown-mermaid`)
Adds Mermaid diagram and flowchart support to VS Code's builtin markdown preview
Maven for Java (`vscjava.vscode-maven`)
Manage Maven projects, execute goals, generate project from archetype, improve user experience for Java developers.
Mithril Emmet (`fallenmax.mithril-emmet`)
Support Emmet(zen-coding) syntax for Mithril
Path Intellisense (`christian-kohler.path-intellisense`)
Visual Studio Code plugin that autocompletes filenames
Placeholder Images (`JakeWilson.vscode-placeholder-images`)
Generate and insert placeholder images into your HTML
Polacode (`pnp.polacode`)
๐Ÿ“ธ Polaroid for your code
Project Manager (`alefragnani.project-manager`)
Easily switch between projects
Project Manager for Java (`vscjava.vscode-java-dependency`)
Manage Java projects in Visual Studio Code
Pylance (`ms-python.vscode-pylance`)
A performant, feature-rich language server for Python in VS Code
Python (`ms-python.python`)
IntelliSense (Pylance), Linting, Debugging (multi-threaded, remote), Jupyter Notebooks, code formatting, refactoring, unit tests, and more.
Sass (`syler.sass-indented`)
Indented Sass syntax Highlighting, Autocomplete & Formatter
Spring Initializr Java Support (`vscjava.vscode-spring-initializr`)
A lightweight extension based on Spring Initializr to generate quick start Spring Boot Java projects.
Text Power Tools (`qcz.text-power-tools`)
All-in-one solution with 240+ commands for text manipulation: filter lines (grep), remove lines, insert number sequences and GUIDs, sorting, change case, converting numbers, generating fake data and more. Great for finding information in logs.
TODO Highlight (`wayou.vscode-todo-highlight`)
highlight TODOs, FIXMEs, and any keywords, annotations...
Todo Tree (`Gruntfuggly.todo-tree`)
Show TODO, FIXME, etc. comment tags in a tree view
REST Client (`humao.rest-client`)
REST Client for Visual Studio Code
SQLTools (`mtxr.sqltools`)
Connecting users to many of the most commonly used databases. Welcome to database management done right.
Svg Preview (`SimonSiefke.svg-preview`)
Preview for Svg files
vscode-faker (`deerawan.vscode-faker`)
Generate fake data for name, address, lorem ipsum, commerce and much more
DotENV (`mikestead.dotenv`)
Support for dotenv file syntax
HTML Boilerplate (`sidthesloth.html5-boilerplate`)
A basic HTML5 boilerplate snippet generator.
Markdown All in One (`yzhang.markdown-all-in-one`)
All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)
Microsoft Edge Tools for VS Code (`ms-edgedevtools.vscode-edge-devtools`)
Use the Microsoft Edge Tools from within VS Code to see your site's runtime HTML structure, alter its layout, fix styling issues as well as see your site's network requests.
Babel JavaScript (`mgmcdermott.vscode-language-babel`)
VSCode syntax highlighting for today's JavaScript
Regex Previewer (`chrmarti.regex`)
Regex matches previewer for JavaScript, TypeScript, PHP and Haxe in Visual Studio Code.
Vetur (`octref.vetur`)
Vue tooling for VS Code
Swift (`sswg.swift-lang`)
Swift Language Support for Visual Studio Code.
YOCO(You Only Copy Once) (`yoco.YOCO`)
Copy your code with file name at once

โš™๏ธTo Install

sh
code --install-extension formulahendry.auto-rename-tag; #Auto Rename Tag
code --install-extension aaron-bond.better-comments; #Better Comments
code --install-extension vivaxy.vscode-conventional-commits; #Conventional Commits
code --install-extension adpyke.codesnap; #CodeSnap
code --install-extension pranaygp.vscode-css-peek; #CSS Peek
code --install-extension dracula-theme.theme-dracula; #Dracula Official
code --install-extension jmkrivocapich.drawfolderstructure; # Draw Folder Structure
code --install-extension necinc.elmmet; #Elm Emmet
code --install-extension dsznajder.es7-react-js-snippets; #ES7+ React/Redux/React-Native snippets
code --install-extension vscjava.vscode-java-pack; #Extension Pack for Java
code --install-extension mhutchie.git-graph; #Git Graph 
# code --install-extension eamodio.gitlens; #GitLens - Git supercharged
# code --install-extension teamhub.teamhub; #GitLive
code --install-extension vscjava.vscode-gradle; #Gradle for Java
code --install-extension naco-siren.gradle-language; #Gradle Language Support
code --install-extension visualstudioexptteam.vscodeintellicode; #IntelliCode
code --install-extension visualstudioexptteam.intellicode-api-usage-examples; #IntelliCode API Usage Examples
code --install-extension zignd.html-css-class-completion; #IntelliSense for CSS class names in HTML
code --install-extension wmaurer.vscode-jumpy; #jumpy
code --install-extension ms-toolsai.jupyter; #Jupyter
code --install-extension ms-toolsai.jupyter-keymap; #Jupyter KeyMap
code --install-extension ms-toolsai.jupyter-renderers; #Jupyter Notebook Renderers
code --install-extension fwcd.kotlin; #Kotlin Language
code --install-extension Oracle.oracle-java;  #Java
code --install-extension redhat.java; #Language Support for Java(TM) by Red Hat
code --install-extension ritwickdey.liveserver; #Live Server
code --install-extension yzane.markdown-pdf; #Markdown PDF
code --install-extension shd101wyy.markdown-preview-enhanced; #Markdown Preview Enhanced
code --install-extension bierner.markdown-mermaid; #Markdown Preview Mermaid Support
# code --install-extension davidanson.vscode-markdownlint; #markdownlint
code --install-extension vscjava.vscode-maven; #Maven for Java
code --install-extension fallenmax.mithril-emmet; #Mithril Emmet
code --install-extension JakeWilson.vscode-placeholder-images; #Placeholder Images 
code --install-extension pnp.polacode; #Polacode
code --install-extension alefragnani.project-manager; #Project Manager
code --install-extension vscjava.vscode-java-dependency; #Project Manager for Java
code --install-extension ms-python.vscode-pylance; #Pylance
code --install-extension ms-python.python; #Python
code --install-extension syler.sass-indented; #Sass
code --install-extension vscjava.vscode-spring-initializr; #Spring Initializer Java Support
code --install-extension qcz.text-power-tools; #Text Power Tools
code --install-extension wayou.vscode-todo-highlight; # TODO Highlight
code --install-extension Gruntfuggly.todo-tree # Todo Tree
# code --install-extension wallabyjs.quokka-vscode; # Quokka.js
code --install-extension humao.rest-client; # REST Client
code --install-extension mtxr.sqltools; # SQLTools
code --install-extension SimonSiefke.svg-preview; # Svg Preview
code --install-extension deerawan.vscode-faker; # vscode-faker
code --install-extension mikestead.dotenv # DotENV
code --install-extension sidthesloth.html5-boilerplate # HTML Boilerplate
code --install-extension yzhang.markdown-all-in-one # Markdown All in One
code --install-extension mgmcdermott.vscode-language-babel # Babel JavaScript
code --install-extension ms-edgedevtools.vscode-edge-devtools # Microsoft Edge Tools for VS Code
code --install-extension chrmarti.regex # Regex Previewer
code --install-extension octref.vetur # Vuter
code --isntall-extension sswg.swift-lang # Swift
code --isntall-extension yoco.YOCO # YOCO(You Only Copy Once)

REST Client

REST Client (`humao.rest-client`)
REST Client for Visual Studio Code

settings.json ๐Ÿ“‚์ €์žฅ์œ„์น˜

  • Windows: %APPDATA%\Code\User
  • Mac: ~/Application Support/Code/User

์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” APIs

๐Ÿ”‘API Key ๊ด€๋ฆฌ

์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์€ API์˜ ํ‚ค๋ฅผ ๋ฐœ๊ธ‰ ๋ฐ›์•„ settings.json ํŒŒ์ผ์„ ๋งŒ๋“ค์–ด ํ™˜๊ฒฝ์„ค์ • ํ•˜์„ธ์š”.

"rest-client.certificates": {
  "local": {
    "forest.key": "" /* ์‚ฐ๋ฆผ์ฒญ */,
    "hrfco.key": "" /* ํ•œ๊ตญํ™์ˆ˜ํ†ต์ œ์†Œ */,
    "iermn.key": "" /* ๊ตญ๊ฐ€ํ™˜๊ฒฝ๋ฐฉ์‚ฌ์„ ์ž๋™๊ฐ์ง€๋ง */,
    "kakao.key": "" /* ์นด์นด์˜ค */,
    "lics.key": "" /* ๊ฐ€๋กœ๋“ฑ */,
    "nsgii.key": "" /* ๊ตญํ† ๊ตํ†ต๋ถ€ */,
    "nsgii.rfrnUrl": "" /*  */,
    "seoul.key": "" /* ์„œ์šธ ์—ด๋ฆฐ๋ฐ์ดํ„ฐ๊ด‘์žฅ */,
    "vworld.key": "" /* VWorld */,
  }   
}
์ด์ฐฌํฌ (MarkiiimarK)
Never Stop Learning.