VS Code extensions.md

VS Code extensions.md

You can use the VSCode Command Line Interface (CLI) to list all installed extensions. Open a terminal and run: code --list-extensions code --list-extensions --show-versions

You can save this list to a file for backup or sharing purposes by redirecting the output: code --list-extensions > vscode-extensions.txt

If you want to export your extensions for installation on another machine On the new machine, install all extensions listed in the file using: xargs -L 1 code --install-extension < vscode-extensions.txt

To quickly uninstall code --uninstall-extension <extension-id> To quickly install:

code --install-extension <extension-id>

List with comments

• aaron-bond.better-comments
• albert.tabout
• alefragnani.bookmarks
• alefragnani.numbered-bookmarks
• alefragnani.project-manager
• amiralizadeh9480.laravel-extra-intellisense
• antfu.goto-alias
• antfu.iconify
• antfu.smart-clicks
• antfu.unocss
• awesomektvn.toggle-semicolon
• azemoh.one-monokai
• bajdzis.vscode-database
• bmewburn.vscode-intelephense-client
• bradgashler.htmltagwrap
• christian-kohler.path-intellisense
• chrisvltn.vs-code-semicolon-insertion
• codingyu.laravel-goto-view
• cweijan.dbclient-jdbc
• cweijan.vscode-mysql-client2
• damms005.devdb
• dariofuzinato.vue-peek
• dbaeumer.vscode-eslint
• dsznajder.es7-react-js-snippets
• dunn.redis
• editorconfig.editorconfig
• esbenp.prettier-vscode
• fabiospampinato.vscode-todo-plus
• formulahendry.auto-close-tag
• formulahendry.auto-rename-tag
• formulahendry.code-runner
• github.github-vscode-theme
• gitlab.gitlab-workflow
• glitchbl.laravel-create-view
• gurumukhi.selected-lines-count
• hollowtree.vue-snippets
• ihunte.laravel-blade-wrapper
• jsynowiec.vscode-insertdatestring
• larshp.vscode-abap
• lukas-tr.materialdesignicons-intellisense
• mdixon18.palenight
• mhutchie.git-graph
• mikestead.dotenv
• misterj.vue-volar-extention-pack
• monokai.theme-monokai-pro-vscode
• mrmlnc.vscode-apache
• ms-mssql.data-workspace-vscode
• ms-mssql.mssql
• ms-vscode-remote.remote-ssh
• ms-vscode-remote.remote-ssh-edit
• ms-vscode.remote-explorer
• mtxr.sqltools
• mtxr.sqltools-driver-mssql
• mtxr.sqltools-driver-mysql
• naoray.laravel-goto-components
• nnniv.monokai-palenight
• nuxt.mdc
• nuxtr.nuxt-vscode-extentions
• nuxtr.nuxtr-vscode
• oderwat.indent-rainbow
• onecentlin.laravel-blade
• onecentlin.laravel-extension-pack
• onecentlin.laravel5-snippets
• patbenatar.advanced-new-file
• pgl.laravel-jump-controller
• pkief.material-icon-theme
• pulkitgangwar.nextjs-snippets
• qrti.funclist
• redhat.vscode-yaml
• ritwickdey.liveserver
• rvest.vs-code-prettier-eslint
• s3gf4ult.monokai-vibrant
• sdras.vue-vscode-snippets
• serkonda7.vscode-vba
• shufo.vscode-blade-formatter
• sibiraj-s.vscode-scss-formatter
• skyboost.nuxt-3-goto
• syler.sass-indented
• tomoki1207.vscode-input-sequence
• vue.volar
• wakatime.vscode-wakatime
• wayou.vscode-todo-highlight
• whizkydee.material-palenight-theme
• willasm.pnotes
• wscats.vue
• xabikos.javascriptsnippets
• zignd.html-css-class-completion

---

Appearance as in Github Gist

Yes, there is a Visual Studio Code theme that closely matches the GitHub Gist style. You can install the GitHub VS Code Theme created by GitHub (primer/github-vscode-theme). This theme is designed to replicate the appearance of GitHub's code rendering styles and includes variants that are used on GitHub.com, including for Gists[1][2].

To make VS Code look and feel even more like GitHub Gist, pay attention to:

• Font choice: Check what font GitHub Gist uses (commonly it’s a monospace font like SFMono-Regular, Consolas, or Menlo). You can set your preferred font in VS Code using the editor.fontFamily setting.
• Font size and line height: Adjust VS Code’s editor.fontSize and editor.lineHeight settings. Users who've wanted VS Code to match other editors' compactness recommend values like 13 for editor.fontSize and something like 17-19 for editor.lineHeight, but you can experiment to match the look you see in Gist[3][4].

Steps to achieve a GitHub Gist look in VS Code

1. Install the GitHub VS Code Theme:

   • Open Extensions (Ctrl+Shift+X), search for "GitHub Theme", and install it.
   • Activate it from the Command Palette (Ctrl+K Ctrl+T).

2. Match font and spacing settings:

   • Open Settings and set:
     • editor.fontFamily to ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace (mirrors GitHub's CSS font stacks).
     • editor.fontSize to around 13.
     • editor.lineHeight to 17 or 18.

3. Fine-tune until the text, size, and spacing match your Gist preferences.

This will make your VS Code editor very similar to the default look and feel of a GitHub Gist, including theme colors, fonts, and spacing[1][3][4].