| Both sides previous revision Previous revision Next revision | Previous revisionLast revisionBoth sides next revision |
| public:computer:vscode [2022/06/10 11:53] – [JAVA(SPRING FRAMEWORK)] alex | public:computer:vscode [2023/01/03 14:57] – alex |
|---|
| * Spring Boot Tools?? | * Spring Boot Tools?? |
| * Sprint Boot Dashboard??? | * Sprint Boot Dashboard??? |
| | |
| | * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-debug|Debugger for Java (Microsoft)]] Debugger for Java |
| | * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack|Extension Pack for Java (Microsoft)]] Extension Pack for Java |
| | * [[https://marketplace.visualstudio.com/items?itemName=redhat.java|Language Support for Java(TM) by Red Hat (Red Hat)]] Language support for Java ™ for Visual Studio Code |
| | * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-maven|Maven for Java (Microsoft)]] Maven for Java |
| | * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-dependency|Project Manager for Java (Microsoft)]] Project Manager for Java |
| | * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-test|Test Runner for Java (Microsoft)]] Test Runner for Java |
| |
| |
| - Install Node.js | - Install Node.js |
| - Install VS Code Extentions | - Install VS Code Extentions |
| * | * [[https://marketplace.visualstudio.com/items?itemName=waderyan.nodejs-extension-pack|Node.js Extension Pack (Wade Anderson)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script|npm (Microsoft)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense|npm Intellisense (Christian Kohler)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense|Path Intellisense (Christian Kohler)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=jasonnutter.search-node-modules|Search node_modules (Jason Nutter)]] |
| | |
| | |
| | ==== JavaScript ==== |
| | * CodeRunner, Live Server |
| | * Run; F5, Ctrl + F5, Ctrl + Alt + N (CodeRunner) |
| | * Live Server; |
| | * Open with Live Server; Alt + L, Alt + O |
| | * Stop Live Server; Alt + L, Alt + C |
| | * [[https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint|ESLint (Dirk Baeumer)]] VS Code ESLint extension |
| | * [[https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log|Turbo Console Log (ChakrounAnas)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=WooodHead.disable-eslint-rule|Disable eslint rule (WooodHead)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets|JavaScript (ES6) code snippets (charalampos karypidis)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=wangtao0101.vscode-js-import|vscode-js-import (wangtao0101)]] |
| | |
| | |
| | |
| | ==== TypeScript ==== |
| | |
| | * Run with Live Server; CTRL + ALT + N |
| | * Run with F5; .vscode |
| | * launch.json <sxh json> |
| | { |
| | "version": "0.2.0", |
| | "configurations": [ |
| | { |
| | "type": "node", |
| | "request": "launch", |
| | "name": "Launch Program", |
| | "program": "${workspaceFolder}/typescript/out/hello.js", |
| | "outFiles": ["${workspaceFolder}/**/*.js"] |
| | } |
| | ] |
| | } |
| | </sxh> |
| | * tasks.json; Start ts-watch, CTRL + SHIFT + B <sxh json> |
| | { |
| | "version": "2.0.0", |
| | "tasks": [ |
| | { |
| | "type": "typescript", |
| | "tsconfig": "tsconfig.json", |
| | "option": "watch", |
| | "problemMatcher": [ |
| | "$tsc-watch" |
| | ], |
| | "group": "build" |
| | } |
| | ] |
| | } |
| | </sxh> |
| | * Run with nodemon (live compile environment); <sxh bash> |
| | $ npm install ts-node --save-dev |
| | $ npm install nodemon --save-dev |
| | </sxh> |
| | * package.json <sxh json> |
| | { |
| | "name": "typescript", |
| | "version": "1.0.0", |
| | "description": "", |
| | "main": "index.js", |
| | "scripts": { |
| | "start": "npm run build:live", |
| | "build": "tsc -p .", |
| | "build:live": "nodemon --watch '*.ts' --exec 'ts-node' hello.ts", |
| | "test": "echo \"Error: no test specified\" && exit 1" |
| | }, |
| | "keywords": [], |
| | "author": "", |
| | "license": "ISC", |
| | "devDependencies": { |
| | "nodemon": "^2.0.20", |
| | "ts-node": "^9.1.1", |
| | "typescript": "^4.2.4" |
| | } |
| | } |
| | |
| | </sxh> |
| | |
| | * [[https://marketplace.visualstudio.com/items?itemName=salbert.comment-ts|Comments in Typescript (s.albert)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.json2ts|json2ts (Gregor Biswanger)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=tnrich.move-ts-js|Move TS - Move TypeScript files and update (tnrich)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-tslint-plugin|TSLint (Microsoft)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=loiane.ts-extension-pack|TypeScript Extension Pack (Loiane Groner)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero|TypeScript Hero (Christoph Bühler)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=pmneo.tsimporter|TypeScript Importer (pmneo)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=DSKWRK.vscode-generate-getter-setter|TypeScript Toolbox (DSKWRK)]] |
| | |
| | |
| | === Vue.js === |
| | * [[https://marketplace.visualstudio.com/items?itemName=octref.vetur|Vetur (Pine Wu)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-extensionpack|Vue VS Code Extention Pack (sarah.drasner)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets|Vue VSCode Snippets (sarah.drasner)]] Vue VSCode Snippets |
| | |
| | === React.js === |
| | * [[https://marketplace.visualstudio.com/items?itemName=msjsdiag.vscode-react-native|React Native Tools (Microsoft)]] React Native Tools |
| |
| ==== PYTHON ==== | ==== PYTHON ==== |
| | |
| | * [[https://marketplace.visualstudio.com/items?itemName=ms-python.python|Python - Microsoft]] Python extension for Visual Studio Code |
| | * [[https://marketplace.visualstudio.com/items?itemName=ms-python.pylint|Pylint - Microsoft]] Pylint extension for Visual Studio Code |
| | * [[https://marketplace.visualstudio.com/items?itemName=njqdev.vscode-python-typehint|Python Type Hint - njqdev]] Python Type Hint |
| | * [[https://marketplace.visualstudio.com/items?itemName=tushortz.python-extended-snippets|Python Extended - Taiwo Kareem]] Python Extended |
| |
| |
| ==== ESP32 ==== | ==== ESP32 ==== |
| | * [[https://marketplace.visualstudio.com/items?itemName=espressif.esp-idf-extension|Espressif IDF (Espressif Systems)]] ESP-IDF VS Code Extension |
| |
| |
| ==== ARDUINO ==== | ==== ARDUINO ==== |
| | * [[https://marketplace.visualstudio.com/items?itemName=vsciot-vscode.vscode-arduino|Arduino (Microsoft)]] Visual Studio Code extension for Arduino |
| |
| |
| ==== C/C++ ==== | ==== C/C++ ==== |
| | * [[https://marketplace.visualstudio.com/items?itemName=jeff-hykin.better-cpp-syntax|Better C++ Syntax (Jeff Hykin)]] |
| | * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools|C/C++ (Microsoft)]] C/C++ for Visual Studio Code |
| | * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools-extension-pack|C/C++ Extension Pack (Microsoft)]] C/C++ Extension Pack |
| | * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools-themes|C/C++ Themes (Microsoft)]] C/C++ Extension UI Themes |
| | * [[https://marketplace.visualstudio.com/items?itemName=twxs.cmake|CMake (twxs)]] CMake For VisualStudio Code |
| | * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode.cmake-tools|CMake Tools (Microsoft)]] CMake Tools |
| |
| |
| |
| ===== Extensions ===== | |
| * Arduino (Microsoft) | ==== PHP ==== |
| * Better C++ Syntax (Jeff Hykin) | * [[https://marketplace.visualstudio.com/items?itemName=xdebug.php-pack|PHP Extension Pack (Xdebug)]] |
| * C/C++ (Microsoft) | * [[https://marketplace.visualstudio.com/items?itemName=xdebug.php-debug|PHP Debug (Xdebug)]] |
| * C/C++ Extension Pack (Microsoft) | * [[https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client|PHP Intelephense (Ben Mewburn)]] |
| * C/C++ Themes (Microsoft) | |
| * C# (Microsoft) | |
| * CMake (twxs) | ==== Themes ==== |
| * CMake Tools (Microsoft) | * **[[https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme|Material Icon Theme (Philipp Kief)]] Material Icon Theme** |
| * Debugger for Java (Microsoft) | * [[https://marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme|Palenight Theme (Olaolu Olawuyi)]] |
| * Doxygen Documentation Generator (Christoph Schlosser) | * [[https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme|Community Material Theme (Equinusocio)]] |
| * DokuWiki (Etienne Faisant) | * [[https://marketplace.visualstudio.com/items?itemName=AncientLord.nightowl-theme|Night Owl Theme (AncientLord)]] |
| * Espressif IDF (Espressif Systems) | |
| * Excel Viewer (GrapeCity) | |
| * Extension Pack for Java (Microsoft) | |
| * GitHub Pull Requests and Issues (GitHub) | |
| * GitLens - Git supercharged (GitKraken) | ===== Other Extensions ===== |
| * Korean(사용법) Language Pack for Visual Studio Code (Microsoft) | * [[https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp|C# (Microsoft)]] C# for Visual Studio Code (powered by OmniSharp) |
| * Language Support for Java(TM) by Red Hat (Red Hat) | * [[https://marketplace.visualstudio.com/items?itemName=cschlosser.doxdocgen|Doxygen Documentation Generator (Christoph Schlosser)]] Generate Doxygen Comments in VS Code |
| * Live Share (Microsoft) | * [[https://marketplace.visualstudio.com/items?itemName=kirozen.dokuwiki|DokuWiki (Etienne Faisant)]] DokuWiki README |
| * Live Share Audio (Microsoft) | * [[https://marketplace.visualstudio.com/items?itemName=GrapeCity.gc-excelviewer|Excel Viewer (GrapeCity)]] Excel Viewer |
| * <del>Markdown Preview Enhanced (Yiyi Wang)</del> **Markdown All in One** (Yu Zhang) | * [[https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github|GitHub Pull Requests and Issues (GitHub)]] |
| * **Material Icon Theme** (Philipp Kief) | * [[https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens|GitLens - Git supercharged (GitKraken)]] |
| * Maven for Java (Microsoft) | * [[https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko|Korean Language Pack for Visual Studio Code (Microsoft)]] VS Code용 한국어 팩 |
| * Project Manager for Java (Microsoft) | * [[https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare|Live Share (Microsoft)]] Microsoft Visual Studio Live Share |
| * React Native Tools (Microsoft) | * [[https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-audio|Live Share Audio (Microsoft)]] Visual Studio Live Share Audio |
| * Remote - Containers (Microsoft) | * <del>Markdown Preview Enhanced (Yiyi Wang)</del> **[[https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one|Markdown All in One (Yu Zhang)]]** |
| * Remote - SSH (Microsoft) | * ??Remote - Containers (Microsoft) |
| * Remote - SSH:Editing Configuration Files (Microsoft) | * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh|Remote - SSH (Microsoft)]] Visual Studio Code Remote - SSH |
| * Remote - WSL (Microsoft) | * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh-edit|Remote - SSH:Editing Configuration Files (Microsoft)]] Visual Studio Code Remote - SSH: Editing Configuration Files |
| * Remote Development (Microsoft) | * Remote - WSL (Microsoft) [[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl|WSL (Microsoft)]] Visual Studio Code WSL |
| * SVG Viewer (cssho) | * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack|Remote Development (Microsoft)]] Visual Studio Code Remote Development Extension Pack |
| * Test Runner for Java (Microsoft) | * ??SVG Viewer (cssho) |
| * Vetur (Pine Wu) | * ??Visual Studio Codespaces (Microsoft) |
| * Visual Studio Codespaces (Microsoft) | * Visual Studio IntelliCode (Microsoft) [[https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode|IntelliCode (Microsoft]] Visual Studio IntelliCode |
| * Visual Studio IntelliCode (Microsoft) | * **[[https://marketplace.visualstudio.com/items?itemName=humao.rest-client|REST Client (Huachao Mao)]]** REST Client |
| * Vue VSCode Snippets (sarah.drasner) | |
| * Palenight Theme (Olaolu Olawuyi) | |
| * ESLint (Dirk Baeumer) | |
| * **REST Client** (Huachao Mao) | |
| * [Deprecated] Debugger for Chrome (Microsoft) | * [Deprecated] Debugger for Chrome (Microsoft) |
| |
| ---- | ---- |
| * Auto Close Tag | * [[https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag|Auto Close Tag (Jun Han)]] |
| * Auto Rename Tag | * [[https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag|Auto Rename Tag (Jun Han)]] |
| * Bookmarks | * [[https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks|Bookmarks (Alessandro Fragnani)]] |
| * Comments in Typescript | * [[https://marketplace.visualstudio.com/items?itemName=oouo-diogo-perdigao.docthis|Document This (oouo-diogo-perdigao)]] |
| * Community Material Theme | |
| * Disable eslint rule | |
| * Document This | |
| * ESLint | * ESLint |
| * Formatting Toggle | * [[https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle|Formatting Toggle (tombonnike)]] |
| * Git History | * [[https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory|Git History (Don Jayamanne)]] |
| * Highlight Matching Tag | * [[https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag|Highlight Matching Tag (vincaslt)]] |
| * HTML CSS Support | * [[https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css|HTML CSS Support (ecmel)]] |
| * IntelliCode | * IntelliCode |
| * JavaScript (ES6) code snippets | * [[https://marketplace.visualstudio.com/items?itemName=wmaurer.vscode-jumpy|jumpy (wmaurer)]] |
| * json2ts | |
| * jumpy | * [[https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode|Prettier - Code formatter (Prettier)]] |
| * Move TS - Move TypeScript files and update | * [[https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented|Sass (Syler)]] |
| * Night Owl | * [[https://marketplace.visualstudio.com/items?itemName=vlkoti.vscode-sourcemaps-navigator|Source maps navigator (Vladimir Kotikov)]] |
| * Node.js Extension Pack | * [[https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree|Todo Tree (Gruntfuggly)]] |
| * npm | |
| * npm Intellisense | |
| * Path Intellisense | |
| * Prettier - Code formatter | |
| * Sass | |
| * Search node_modules | |
| * Source maps navigator | |
| * Todo Tree | |
| * TSLint | |
| * TypeScript Extension Pack | |
| * TypeScript Hero | |
| * TypeScript Importer | |
| * TypeScript Toolbox | |
| * Vetur | * Vetur |
| * vscode-js-import | |
| * Vue VS Code Extention Pack | |
| * Vue VSCode Snippets | |