Developer Tools Crash Course
Modern Developer Tools Environment Setup
🛠️ Command Line & Terminal Usage
The command line is the primary interface for software development.
Essential Commands
● pwd: Prints the current working directory path.
● ls -la: Lists all files, including hidden ones, with details.
● cd /path/to/dir: Changes the directory to the specified path.
● mkdir project-name: Creates a new directory.
● touch [Link]: Creates a new, empty file.
● rm -rf dir-name: Deletes a directory and its contents permanently.
Terminal Customization
bash
None
# Add shortcuts (aliases) to your ~/.bashrc or ~/.zshrc file
alias ll="ls -la"
alias gs="git status"
alias gcm="git commit -m"
# Reload your configuration file to apply changes
source ~/.zshrc
Use code with caution.
🌿 Git Version Control
Git tracks changes in your source code during software development.
Local Repository Initialization
bash
None
# Configure your global identity
git config --global [Link] "Your Name"
git config --global [Link] "[Link]@[Link]"
# Initialize a new local Git repository
git init
# Check the status of your working directory
git status
Use code with caution.
Staging and Committing Changes
bash
None
# Stage a specific file for the next commit
git add [Link]
# Stage all changes in the current directory
git add .
# Commit staged changes with a descriptive message
git commit -m "feat: initialize project and add [Link]"
# View the commit history log
git log --oneline
Use code with caution.
🌐 GitHub & GitLab Repositories
Remote repositories host your project code in the cloud for collaboration.
Linking Local and Remote Repositories
bash
None
# Add a remote repository link named 'origin'
git remote add origin [Link]
# Verify the remote repository URL
git remote -v
# Rename the default branch to 'main'
git branch -M main
# Push the local main branch to the remote repository
git push -u origin main
Use code with caution.
Branching and Collaboration Flow
bash
None
# Create and switch to a new feature branch
git checkout -b feature/user-authentication
# Push the new feature branch to the remote server
git push origin feature/user-authentication
# Pull the latest changes from the remote main branch
git pull origin main
Use code with caution.
💻 VS Code IDE Setup
Visual Studio Code (VS Code) is a lightweight, powerful source code editor.
Essential Extensions
● GitLens: Visualizes code authorship via Git blame annotations inside files.
● Prettier: Enforces consistent code formatting automatically across your project.
● Live Server: Launches a local development server with live reload functionality.
Recommended [Link] Configuration
Access this file via Ctrl+, (or Cmd+, on Mac) and search for the Open Settings (JSON)
icon.
json
None
{
"[Link]": 2,
"[Link]": true,
"[Link]": "[Link]-vscode",
"[Link]": "zsh",
"[Link]": "Git Bash",
"[Link]": true,
"[Link]": true
}
Use code with caution.
Keyboard Shortcuts
● Ctrl + ~ (or Cmd + ~): Toggles the integrated terminal window.
● Ctrl + P (or Cmd + P): Opens the quick-search file navigation window.
● Ctrl + Shift + P (or Cmd + Shift + P): Opens the Command Palette to run
editor commands.