VS Code Setup and Extensions

Install Visual Studio Code editor and enhance it with developer extensions.

Beginner15 min

Setup Steps

1. Install VS Code (Ubuntu/Debian):

sudo snap install code --classic

2. Alternative: Install via .deb package:

wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > packages.microsoft.gpg
sudo install -o root -g root -m 644 packages.microsoft.gpg /etc/apt/trusted.gpg.d/
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/code stable main" > /etc/apt/sources.list.d/vscode.list'
sudo apt update && sudo apt install code

3. Essential extensions (install via command line):

code --install-extension dbaeumer.vscode-eslint
code --install-extension esbenp.prettier-vscode
code --install-extension bradlc.vscode-tailwindcss
code --install-extension ms-vscode.vscode-typescript-next

4. Theme and icon extensions:

code --install-extension dracula-theme.theme-dracula
code --install-extension pkief.material-icon-theme

5. Useful shortcuts:

- Ctrl+P: Quick Open

- Ctrl+Shift+P: Command Palette

- Ctrl+`: Toggle Terminal

- Ctrl+B: Toggle Sidebar

6. Recommended settings.json:

"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.tabSize": 2

Related Guides

Git and GitHub Setup

Install Git version control system and manage projects with GitHub.

Node.js App Management with PM2

Manage your Node.js applications in production with PM2 process manager.

GitHub Actions CI/CD Setup

Create an automated test, build and deploy pipeline with GitHub Actions.

Cloudflare DNS and CDN Setup

Add Cloudflare to your site. DNS management, CDN, DDoS protection and SSL.