Show pageOld revisionsBacklinksExport to PDFBack to top This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong. ====== Visual Studio Code ====== ===== Shortcuts ===== * ⌘ + /; comment in/out * ⌘ + ⇧ + p; command palette * ⌘ + p; search * ∧ + ⇧ + `; Terminal {{page>public:computer:macos_shortcuts#editing}} ===== Settings ===== ==== Basic Extentions ==== * Code Runner [[https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner|Code Runner(Jun Han)]] * REST Client [[https://marketplace.visualstudio.com/items?itemName=humao.rest-client|REST Client(Huachao Mao)]] * Vim [[https://marketplace.visualstudio.com/items?itemName=vscodevim.vim|Vim(vscodevim)]] ==== JAVA(SPRING FRAMEWORK) ==== - Install JDK - Install VS Code Extentions * Java Extension Pack [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack|Extension Pack for Java(Microsoft)]]; * [[https://marketplace.visualstudio.com/items?itemName=redhat.java|📦 Language Support for Java™ by Red Hat(Red Hat)]] * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-debug|📦 Debugger for Java(Microsoft)]] * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-test|📦 Test Runner for Java(Microsoft)]] * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-maven|📦 Maven for Java(Microsoft)]] * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-dependency|📦 Project Manager for Java(Microsoft)]] * [[https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode|📦 Visual Studio IntelliCode(Microsoft)]] * Visual Studio IntelliCode, Language Support for Java, Debugger for Java, Maven for Java, Java Test Runner, Project Manager for Java * Lombok Annotations Support for VS Code [[https://marketplace.visualstudio.com/items?itemName=GabrielBB.vscode-lombok|Lombok Annotations Support for VS Code(Gabriel Basilio Brito)]] * Gradle Extension Pack [[https://marketplace.visualstudio.com/items?itemName=richardwillis.vscode-gradle-extension-pack|Gradle Extension Pack(Richard Willis)]] * [[https://marketplace.visualstudio.com/items?itemName=naco-siren.gradle-language|Gradle Extension Pack(Richard Willis)]] * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-gradle|Gradle for Java(Microsoft)]] * ; Gradle Language Support, Gradle for Java * [[https://marketplace.visualstudio.com/items?itemName=Pivotal.vscode-boot-dev-pack|Spring Boot Extension Pack(Pivotal)]] * [[https://marketplace.visualstudio.com/items?itemName=Pivotal.vscode-spring-boot|Spring Boot Tools(Pivotal)]] * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-spring-initializr|Spring Initializr Java Support(Microsoft)]] * [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-spring-boot-dashboard|Spring Boot Dashboard(Microsoft)]] * Tomcat?? * Checkstyle for Java?? * <del>Java Dependency Viewer</del>?? * Java IDE?? * Spring Initializr Java Support?? * Spring Boot Tools?? * 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 ==== NODE.JS ==== - Install Node.js - 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 ==== * [[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 ==== * [[https://marketplace.visualstudio.com/items?itemName=espressif.esp-idf-extension|Espressif IDF (Espressif Systems)]] ESP-IDF VS Code Extension ==== ARDUINO ==== * [[https://marketplace.visualstudio.com/items?itemName=vsciot-vscode.vscode-arduino|Arduino (Microsoft)]] Visual Studio Code extension for Arduino ==== 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 ==== PHP ==== * [[https://marketplace.visualstudio.com/items?itemName=xdebug.php-pack|PHP Extension Pack (Xdebug)]] * [[https://marketplace.visualstudio.com/items?itemName=xdebug.php-debug|PHP Debug (Xdebug)]] * [[https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client|PHP Intelephense (Ben Mewburn)]] ==== Themes ==== * **[[https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme|Material Icon Theme (Philipp Kief)]] Material Icon Theme** * [[https://marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme|Palenight Theme (Olaolu Olawuyi)]] * [[https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme|Community Material Theme (Equinusocio)]] * [[https://marketplace.visualstudio.com/items?itemName=AncientLord.nightowl-theme|Night Owl Theme (AncientLord)]] ===== Other Extensions ===== * [[https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp|C# (Microsoft)]] C# for Visual Studio Code (powered by OmniSharp) * [[https://marketplace.visualstudio.com/items?itemName=cschlosser.doxdocgen|Doxygen Documentation Generator (Christoph Schlosser)]] Generate Doxygen Comments in VS Code * [[https://marketplace.visualstudio.com/items?itemName=kirozen.dokuwiki|DokuWiki (Etienne Faisant)]] DokuWiki README * [[https://marketplace.visualstudio.com/items?itemName=GrapeCity.gc-excelviewer|Excel Viewer (GrapeCity)]] Excel Viewer * [[https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github|GitHub Pull Requests and Issues (GitHub)]] * [[https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens|GitLens - Git supercharged (GitKraken)]] * [[https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko|Korean Language Pack for Visual Studio Code (Microsoft)]] VS Code용 한국어 팩 * [[https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare|Live Share (Microsoft)]] Microsoft Visual Studio Live Share * [[https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-audio|Live Share Audio (Microsoft)]] Visual Studio Live Share Audio * <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 - Containers (Microsoft) * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh|Remote - SSH (Microsoft)]] Visual Studio Code Remote - SSH * [[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 - WSL (Microsoft) [[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl|WSL (Microsoft)]] Visual Studio Code WSL * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack|Remote Development (Microsoft)]] Visual Studio Code Remote Development Extension Pack * ??SVG Viewer (cssho) * ??Visual Studio Codespaces (Microsoft) * Visual Studio IntelliCode (Microsoft) [[https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode|IntelliCode (Microsoft]] Visual Studio IntelliCode * **[[https://marketplace.visualstudio.com/items?itemName=humao.rest-client|REST Client (Huachao Mao)]]** REST Client * [Deprecated] Debugger for Chrome (Microsoft) ---- * [[https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag|Auto Close Tag (Jun Han)]] * [[https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag|Auto Rename Tag (Jun Han)]] * [[https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks|Bookmarks (Alessandro Fragnani)]] * [[https://marketplace.visualstudio.com/items?itemName=oouo-diogo-perdigao.docthis|Document This (oouo-diogo-perdigao)]] * ESLint * [[https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle|Formatting Toggle (tombonnike)]] * [[https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory|Git History (Don Jayamanne)]] * [[https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag|Highlight Matching Tag (vincaslt)]] * [[https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css|HTML CSS Support (ecmel)]] * IntelliCode * [[https://marketplace.visualstudio.com/items?itemName=wmaurer.vscode-jumpy|jumpy (wmaurer)]] * [[https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode|Prettier - Code formatter (Prettier)]] * [[https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented|Sass (Syler)]] * [[https://marketplace.visualstudio.com/items?itemName=vlkoti.vscode-sourcemaps-navigator|Source maps navigator (Vladimir Kotikov)]] * [[https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree|Todo Tree (Gruntfuggly)]] * Vetur public/computer/vscode.txt Last modified: 2023/01/03 14:57by alex