Here’s a list of commonly used development tools across various categories. I’ll structure it for frontend developers (especially Vue.js) but adaptable for fullstack roles as well:
IDEs & Code Editors
Tool
Purpose
Visual Studio Code (VS Code)
Lightweight IDE with great extensions for Vue.js, ESLint, Prettier, etc.
WebStorm
Full-featured JetBrains IDE for large-scale JavaScript/Vue projects.
Version Control
Tool
Purpose
Git
Industry-standard version control system.
GitHub / GitLab / Bitbucket
Repository hosting, collaboration, pull requests, CI integration.
Testing Tools
Tool
Purpose
Jest
Unit testing for JavaScript/TypeScript with Vue Test Utils support.
Vue Test Utils
Official utility library for testing Vue 3 components.
Vitest
Fast Vite-native test runner, ideal for Vue 3 apps.
Cypress
End-to-end testing framework for frontend apps.
ESLint + Prettier
Linting and formatting for code consistency and quality.
CI/CD Pipelines
Tool
Purpose
GitHub Actions
CI/CD pipelines native to GitHub. Supports build, test, deploy.
GitLab CI/CD
Integrated CI/CD system for GitLab repositories.
CircleCI / Travis CI / Jenkins
Third-party CI/CD platforms.
Vercel / Netlify
Serverless deployment with built-in CI/CD for frontend apps.
Package Managers
Tool
Purpose
npm / yarn / pnpm
Dependency management for JavaScript projects.
Build Tools
Tool
Purpose
Vite
Next-gen build tool, default for Vue 3, ultra-fast.
