Microsoft Extensions marketplace

Microsoft All Extensions

Github All Extensions

Extensions

  1. Prettier - Code formatter : Formate the code
  2. Live Server : Runing the html & CSS code with auto reload with live server
  3. Import Cost : Show the size of the package
  4. ESLint : Show the error in the code
  5. GitLens — Git supercharged : Git supercharged show the git commit and git blame
  6. vscode-icons : Icons for the file
  7. vscode copilot : AI for the code
  8. vscode Thuder client : API testing
  9. ES& + React/Redux/React-Native snippets : Snippets for the react
  10. Auto Rename Tag : Rename the tag
  11. Code Spell Checker : Spell checker
  12. npm : npm
  13. npm Intellisense : npm Intellisense
  14. Path Intellisense : Path Intellisense
  15. Quokka.js : Quokka.js is a rapid prototyping playground for JavaScript and TypeScript.
  16. Microsoft Edge Tools for VS Code : Microsoft Edge Tools for VS Code
  17. GitHub Pull Requests and Issues : GitHub Pull Requests and Issues
  18. JavaScript Snippet Pack : JavaScript Snippet Pack

VS code Setting

{
    "window.zoomLevel": 1,
    "files.autoSave": "afterDelay",
    "workbench.iconTheme": "vscode-icons",
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
        "compilerOptions": {
          "module": "CommonJS",
          "target": "ES6"
        },
        "exclude": [
            "node_modules"
        ],
        "[jsonc]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
        "[typescript]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
        "[javascriptreact]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
        "[mdx]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
        "explorer.confirmDelete": false,
        "javascript.updateImportsOnFileMove.enabled": "always",
        "[css]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
        "explorer.confirmDragAndDrop": false,
        "github.copilot.enable": {
            "*": true,
            "plaintext": false,
            "markdown": false,
            "scminput": false
        },
        "workbench.colorTheme": "Visual Studio Dark",
        "[typescriptreact]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
        "[json]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
        "[html]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        }
}