Installations
Update System
- Go to Settings → Update & Security → Windows Update
- Click Check for updates
Install Essentials
- Google Chrome
- Visual Studio Code
- Git for Windows (should include Git Bash)
- Node.js LTS (includes npm)
- ChatGPT desktop app for Windows AutoHotkey
For mobile development:
Verify Versions
Verify installations by checking versions in Git Bash:
git --version
node --version
npm --version
Install VSCode Extensions
Open VS Code and install the following extensions:
Core Productivity & Code Quality
- Prettier - Code Formatter (
esbenp.prettier-vscode) and make it format on save - ESLint (
dbaeumer.vscode-eslint) and make it run on save - Githistory (
donjayamanne.githistory) - GitLens — Git supercharged (
eamodio.gitlens) - Atlassian: Jira & Bitbucket (
atlassian.atlascode) - Error Lens (
usernamehw.errorlens) - Better Comments (
aaron-bond.better-comments) - TODO Tree (
gruntfuggly.todo-tree) - Path Intellisense (
christian-kohler.path-intellisense) - Material Icon Theme (
pkief.material-icon-theme) - Code Spell Checker (
streetsidesoftware.code-spell-checker) - Turbo Console Log (
chakrounanas.turbo-console-log) - Abracadabra, refactor magic (
nicoespeon.abracadabra) - Batch Rename Extension (
jannisx11.batch-rename-extension) - Regex Text Generator (
rioj7.regex-text-gen)
Web Development
- Live Server (
ritwickdey.liveserver) - Tailwind CSS IntelliSense (
bradlc.vscode-tailwindcss) - HTML CSS Support (
ecmel.vscode-html-css) - CSS Peek (
pranaygp.vscode-css-peek) - Color Highlight (
naumovs.color-highlight) - Colorize (
kamikillerto.vscode-colorize) - VS Color Picker (
lihui.vs-color-picker) - Markdown Preview Enhanced (
shd101wyy.markdown-preview-enhanced) - Markdown Emoji (
bierner.markdown-emoji) - JavaScript (ES6) code snippets (
xabikos.javascriptsnippets) - VSCode HTML Color (
anseki.vscode-color)
React & React Native
- React Native Tools (
msjsdiag.vscode-react-native) - React Native Snippet (
jundat95.react-native-snippet) - React Component Tree (
habeebarul.react-component-tree) - React Native React Redux Snippets (
equimper.react-native-react-redux) - Typescript React code snippets (
infeng.vscode-react-typescript) - Pretty TypeScript Errors (
yoavbls.pretty-ts-errors) - Prettify TypeScript (
mylesmurphy.prettify-ts)
Mobile Development
- Android Emulator (
diemasmichiels.emulate) - Expo Tools (
expo)
Database & Backend
- SQLite Viewer (
qwtel.sqlite-viewer) - SQLTools (
mtxr.sqltools) - VSCode SQLite (
alexcvzz.vscode-sqlite) - Mongo Snippets for Node.js (
roerohan.mongo-snippets-for-node-js)
AI & Copilot
- Codex (
openai.chatgpt) - Intellicode (
visualstudioexptteam.vscodeintellicode) - Intellicode API Usage Examples (
visualstudioexptteam.intellicode-api-usage-examples) - GitHub Copilot (
github.copilot) - GitHub Copilot Chat (
github.copilot-chat)
Install Android Emulator (For Mobile Development)
- Open Android Studio
- Go to Tools → Device Manager
- Click Create Device to add a new emulator (choose a device and system image)
- Start the emulator to verify it works