Differences

This shows you the differences between two versions of the page.

--- public:computer:vscode [2022/04/22 14:40] – alex
+++ public:computer:vscode [2023/01/03 13:24] – [TypeScript] alex
@@ Line 15: / Line 15: @@
 ==== Basic Extentions ====
-  * Code Runner
+  * Code Runner [[https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner|Code Runner(Jun Han)]]
-  * REST Client
+  * REST Client [[https://marketplace.visualstudio.com/items?itemName=humao.rest-client|REST Client(Huachao Mao)]]
-  * Vim
+  * Vim [[https://marketplace.visualstudio.com/items?itemName=vscodevim.vim|Vim(vscodevim)]]
 ==== JAVA(SPRING FRAMEWORK) ====
   - Install JDK
   - Install VS Code Extentions
-    * Java Extension Pack; Visual Studio IntelliCode, Language Support for Java, Debugger for Java, Maven for Java, Java Test Runner, Project Manager for Java
+    * Java Extension Pack [[https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack|Extension Pack for Java(Microsoft)]];
-    * Lombok Annotations Support for VS Code
+      * [[https://marketplace.visualstudio.com/items?itemName=redhat.java|📦 Language Support for Java™ by Red Hat(Red Hat)]]
-    * Gradle Extension Pack; Gradle Language Support, Gradle for Java
+      * [[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??
@@ Line 32: / Line 46: @@
     * 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
@@ Line 37: / Line 58: @@
   - 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
+==== 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)]]
-===== Extensions =====
-  * Arduino (Microsoft)
-  * Better C++ Syntax (Jeff Hykin)
-  * C/C++ (Microsoft)
+===== Other Extensions =====
-  * C/C++ Extension Pack (Microsoft)
+  * [[https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp|C# (Microsoft)]] C# for Visual Studio Code (powered by OmniSharp)
-  * C/C++ Themes (Microsoft)
+  * [[https://marketplace.visualstudio.com/items?itemName=cschlosser.doxdocgen|Doxygen Documentation Generator (Christoph Schlosser)]] Generate Doxygen Comments in VS Code
-  * C# (Microsoft)
+  * [[https://marketplace.visualstudio.com/items?itemName=kirozen.dokuwiki|DokuWiki (Etienne Faisant)]] DokuWiki README
-  * CMake (twxs)
+  * [[https://marketplace.visualstudio.com/items?itemName=GrapeCity.gc-excelviewer|Excel Viewer (GrapeCity)]] Excel Viewer
-  * CMake Tools (Microsoft)
+  * [[https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github|GitHub Pull Requests and Issues (GitHub)]]
-  * Debugger for Java (Microsoft)
+  * [[https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens|GitLens - Git supercharged (GitKraken)]]
-  * Doxygen Documentation Generator (Christoph Schlosser)
+  * [[https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko|Korean Language Pack for Visual Studio Code (Microsoft)]] VS Code용 한국어 팩
-  * DokuWiki (Etienne Faisant)
+  * [[https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare|Live Share (Microsoft)]] Microsoft Visual Studio Live Share
-  * Espressif IDF (Espressif Systems)
+  * [[https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-audio|Live Share Audio (Microsoft)]] Visual Studio Live Share Audio
-  * Excel Viewer (GrapeCity)
+  * <del>Markdown Preview Enhanced (Yiyi Wang)</del> **[[https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one|Markdown All in One (Yu Zhang)]]**
-  * Extension Pack for Java (Microsoft)
+  * ??Remote - Containers (Microsoft)
-  * GitHub Pull Requests and Issues (GitHub)
+  * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh|Remote - SSH (Microsoft)]] Visual Studio Code Remote - SSH
-  * GitLens - Git supercharged (GitKraken)
+  * [[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
-  * Korean(사용법) Language Pack for Visual Studio Code (Microsoft)
+  * Remote - WSL (Microsoft) [[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl|WSL (Microsoft)]] Visual Studio Code WSL
-  * Language Support for Java(TM) by Red Hat (Red Hat)
+  * [[https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack|Remote Development (Microsoft)]] Visual Studio Code Remote Development Extension Pack
-  * Live Share (Microsoft)
+  * ??SVG Viewer (cssho)
-  * Live Share Audio (Microsoft)
+  * ??Visual Studio Codespaces (Microsoft)
-  * <del>Markdown Preview Enhanced (Yiyi Wang)</del> **Markdown All in One** (Yu Zhang)
+  * Visual Studio IntelliCode (Microsoft) [[https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode|IntelliCode (Microsoft]] Visual Studio IntelliCode
-  * **Material Icon Theme** (Philipp Kief)
+  * **[[https://marketplace.visualstudio.com/items?itemName=humao.rest-client|REST Client (Huachao Mao)]]** REST Client
-  * Maven for Java (Microsoft)
-  * Project Manager for Java (Microsoft)
-  * React Native Tools (Microsoft)
-  * Remote - Containers (Microsoft)
-  * Remote - SSH (Microsoft)
-  * Remote - SSH:Editing Configuration Files (Microsoft)
-  * Remote - WSL (Microsoft)
-  * Remote Development (Microsoft)
-  * SVG Viewer (cssho)
-  * Test Runner for Java (Microsoft)
-  * Vetur (Pine Wu)
-  * Visual Studio Codespaces (Microsoft)
-  * Visual Studio IntelliCode (Microsoft)
-  * Vue VSCode Snippets (sarah.drasner)
-  * Palenight Theme (Olaolu Olawuyi)
-  * ESLint (Dirk Baeumer)
-  * **REST Client** (Huachao Mao)
   * [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
-  * 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
-  * 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
-  * vscode-js-import
-  * Vue VS Code Extention Pack
-  * Vue VSCode Snippets