# codeServerExtensions

---

title: VS Code Server Extensions label: VS Code Server Extensions order: 100 authors:

• name: Charl Cronje email: charl@webally.co.za link: https://blog.webally.co.za avatar: https://assets.webally.co.za/avatars/darker.jpg edit: repo: "https://github.com/charlpcronje/setup.docs.devserv.me/edit/" base: /src branch: main label: Edit on GitHub editor: enabled: false favicon: favicon.png links:
• text: Projects Portfolio link: https://webally.co.za/projects
• text: Wiki, Tips and Docs link: https://docs.webally.co.zao.za
• text: Resume link: https://cv.webally.co.za
• text: LinkedIn link: https://www.linkedin.com/in/charlpcronje
• text: GitHub link: https://github.com/charlpcronje
• text: Upwork Profile link: https://www.upwork.com/freelancers/~01ccb1439024ec9c50 footer: copyright: "webAlly © Copyright . All rights reserved."---

The following extensions are what I use at the moment, depending in different projects I would install or uninstall some of these, so I'm making two lists. The 1st list is what I always use and then I made some additional lists depending on the technology I'm using. I'm also added the font I'm using and how to add it so VS Code

# Preferred font

Download

Fira Code, it supports font-ligatures Youtube

# Add to VS Code

To open the settings editor: from the Code menu, choose Preferences > Settings, or use keyboard shortcut Ctrl+

To enable FiraCode in the settings editor: under Commonly Used, expand the Text Editor settings and then click on Font. In the Font Family input box type Fira Code, replacing any content. Tick the check box Enables/Disables font ligatures under Font Ligatures to enable the special ligatures.

# Permanent list

• Auto Close Tag
• Auto Rename Tag
• DotENV
• Dark Neon Theme
• Todo Tree
• .gitignore Generator
• Dendron Markdown notes
• GitLens
• HTTP/s and Relative link checker
• Markdown PDF
• Markdownlint
• Remote - SSH
• Remote - SSH: Editing Configuration Files
• SSH FS
• Vite
• YAML
• Docker Extension Pack
• Project Manager
• Settings Sync
• Material Theme
• Better Comments
• Colorize
• CSS Peek
• CSS Stacking Contexts
• Polacode
• Explorer Exclude

# When working with Node / NPM / Yarn / PNPM / XPM

These days you can hardly avoid using NPM or some Node Package Manager, I like to use NPM for all global Packages and Yarn for LocalPackages, this way there are no conflicts and because Yarn is faster than NPM I use Yarn for local packages because I use it more often

• Npm IntelliSense

# PHP Projects

Most companies prefer using something like Laravel for their PHP projects or they are on some legacy system or they are lucky enough to have had the time to create something even better or more specific for themselves

• Laravel Blade formatter
• Laravel Blade
• tinker
• Laravel Artisan
• PHP Intelephense
• PHP Namespace Resolver
• PHP DocBlocker
• PHP Debug & PHP Xdebug
• PHP IntelliSense

# Perl Project

• Language Server and Debugger for Perl
• Perl code intelligence via ctags
• Perl Toolbox
• Regex Previewer

# Python

• Python
• Python for VS Code
• Python Extension Pack
• Python Preview

# Vue / Quasar / Vuex / Vite

• Vue Volar Extension Pack
• Vetur
• Vite

# React

• ES7+ React/Redux/React-Native snippets

Okay this is it for now, I will keep this list updated as I start new projects. For now I'm working on a Vue 3 / Quasar / Vite SPA with Laravel GraphQL API Using Passport for Auth and Lighthouse for GraphQL.