Development Tools
Essential tools for efficient software development. We use Visual Studio Code and GitHub Desktop as our primary development tools.
Visual Studio Code
Visual Studio Code is a lightweight but powerful source code editor that runs on your desktop and is available for Windows, macOS and Linux.
Visual Studio Code
Key Features
- Intelligent code completion
- Built-in Git commands
- Extensible and customizable
- Debugging support
- Integrated terminal
Recommended Extensions
These extensions enhance VS Code's functionality for web development.
ESLint
JavaScript linting utility that helps you find and fix problems in your code.
Prettier
Code formatter that enforces a consistent style across your codebase.
GitLens
Supercharges the Git capabilities built into VS Code.
Tailwind CSS IntelliSense
Provides autocomplete, syntax highlighting, and linting for Tailwind CSS.
GitHub Desktop
GitHub Desktop is a user-friendly desktop application that enables you to interact with GitHub repositories using a graphical user interface.
GitHub Desktop
Key Features
- Simple repository management
- Visual diff viewer
- Branch management
- Commit history visualization
- Pull request workflow
Basic Workflow with GitHub Desktop
Here's a simple workflow for using GitHub Desktop in your development process.
1. Clone a Repository
- Click “File” → “Clone Repository”
- Select the repository from the list or enter the URL
- Choose your local path
- Click “Clone”
2. Make Changes
- Edit files in VS Code
- Save your changes
- Return to GitHub Desktop
3. Commit Changes
- Review changes in the left panel
- Write a commit message
- Click “Commit to main”
4. Push Changes
- Click “Push origin”
- Changes are now on GitHub