Natuurlijk! Hieronder vind je een uitgebreide workflow voor versiebeheer in Sublime Text voor je project "Mijn Webapp". Deze gids behandelt het initialiseren van een repository, commit- en branch-strategieën, samenvoegmethoden, en aanbevelingen voor plugins en best practices. Stap 1: Git Installeren en Configureren ------------------------------------------------ 1. Installeer Git: - Windows: Download en installeer vanaf https://git-scm.com/ - macOS: Gebruik Homebrew: `brew install git` - Linux: Gebruik je pakketbeheerder, bijvoorbeeld `sudo apt install git` 2. Configureer je gebruikersnaam en e-mail: ``` git config --global user.name "Jouw Naam" git config --global user.email "jouw.email@example.com" ``` Stap 2: Repository Initialiseren ---------------------------------------- 1. Open de terminal of command prompt. 2. Navigeer naar je projectmap: ``` cd pad/naar/mijn-webapp ``` 3. Initialiseer een nieuwe Git repository: ``` git init ``` 4. Maak een `.gitignore` bestand om ongewenste bestanden uit te sluiten (bijvoorbeeld node_modules, build-bestanden): ``` echo "node_modules/" > .gitignore ``` Stap 3: Bestanden Toevoegen en Eerste Commit -------------------------------------------------- 1. Voeg alle bestanden toe: ``` git add . ``` 2. Maak je eerste commit: ``` git commit -m "Initiale commit" ``` Stap 4: Takstrategieën en Branch Management --------------------------------------------------- - **Main/Master branch**: stabiele versie, altijd werkend. - **Feature branches**: voor nieuwe functies. - **Develop branch**: voor integratie van features (bij groter project). Aanbevolen werkwijze: - Werk vanaf `main` of `master`. - Maak een nieuwe feature branch voor elke nieuwe functie: ``` git checkout -b feature/naam-van-functie ``` - Na voltooiing, merge je de feature terug in `develop` of `main` via een pull request of lokaal: ``` git checkout main git merge feature/naam-van-functie ``` Stap 5: Commit Praktijken en Samenvoegen ------------------------------------------------- - Maak frequente, duidelijke commits: ``` git add <bestanden> git commit -m "Voeg login functionaliteit toe" ``` - Gebruik korte, beschrijvende berichten. - Voor het samenvoegen (mergen): ``` git checkout main git merge feature/naam-van-functie ``` - Bij conflicten, los ze op in je editor en commit de opgeloste versie. Stap 6: Gebruik van Plugins in Sublime Text ------------------------------------------------- Om Git-ondersteuning te verbeteren, installeer je via Package Control: - Installeer Package Control als dat nog niet gedaan is. - Installeer de plugins: - **GitGutter**: toont wijzigingen in de zijbalk. - **SublimeMerge**: een Git GUI (optioneel, buiten Sublime Text). - **SublimeGit**: integreert Git-commando’s direct in Sublime Text. Stap 7: Best Practices ----------------------------- - Regelmatig committen met duidelijke berichten. - Gebruik branches voor nieuwe functies en bugfixes. - Test je code voordat je samenvoegt. - Gebruik pull requests (indien je met anderen werkt) voor code review. - Maak gebruik van tags voor belangrijke releases: ``` git tag -a v1.0 -m "Eerste stabiele versie" ``` - Automatiseer waar mogelijk met CI/CD pipelines. Optioneel: Automatisering en Integratie ---------------------------------------------- - Gebruik scripts of tools voor automatische tests. - Link je repository aan platforms zoals GitHub, GitLab of Bitbucket voor betere samenwerking. Samenwerking met Sublime Text: - Gebruik de ingebouwde terminal (via "View" > "Show Console" of via externe terminal). - Overweeg een Git GUI zoals SourceTree of GitKraken voor visuele controle. Door deze stappen en praktijken te volgen, zet je een gedegen en overzichtelijke versiebeheer workflow op voor je project "Mijn Webapp". Succes!

Hier is een uitgebreide versiebeheerworkflow voor Sublime Text voor jouw project "Mijn Webapp": ## 1. Repository Initialisatie ### Git Installatie en Configuratie ```bash # Controleer of Git geïnstalleerd is git --version # Configureer gebruikersgegevens git config --global user.name "Jouw Naam" git config --global user.email "jouw.email@voorbeeld.nl" ``` ### Project Initialisatie ```bash # Navigeer naar je projectmap cd /pad/naar/mijn-webapp # Initialiseer Git repository git init # Maak .gitignore bestand aan echo "node_modules/ .env .DS_Store *.log dist/ build/" > .gitignore ``` ## 2. Sublime Text Plugins voor Versiebeheer ### Aanbevolen Plugins (via Package Control): 1. **GitGutter** - Toont wijzigingen in de gutter 2. **GitSavvy** - Uitgebreide Git integratie 3. **GitCommitMsg** - Hulpmiddel voor commit berichten 4. **MergeConflicts** - Helpt bij merge conflicts ### Installatie: - Open Command Palette (`Ctrl+Shift+P`) - Type "Package Control: Install Package" - Installeer bovenstaande plugins ## 3. Dagelijkse Workflow ### Wijzigingen Stagen en Committen ```bash # Bekijk gewijzigde bestanden git status # Stage alle wijzigingen git add . # Of stage specifieke bestanden git add bestand1.js bestand2.css # Commit met beschrijvend bericht git commit -m "FEAT: Voeg gebruikersauthenticatie toe - Implementeer login functionaliteit - Voeg JWT token ondersteuning toe - Update gebruikersmodel" ``` ### Commit Bericht Conventies ``` [type]: Korte beschrijving Uitgebreide beschrijving van wijzigingen: - Specifieke punt 1 - Specifieke punt 2 - Specifieke punt 3 [optioneel: issue referentie] ``` Types: FEAT, FIX, DOCS, STYLE, REFACTOR, TEST, CHORE ## 4. Branch Strategie (Git Flow) ### Hoofd Branches - `main` - Productie klaar code - `develop` - Ontwikkelingsbranch ### Ondersteunende Branches ```bash # Feature branch aanmaken git checkout -b feature/gebruikers-authenticatie develop # Hotfix branch git checkout -b hotfix/kritieke-fix main # Release branch git checkout -b release/v1.2.0 develop ``` ## 5. Sublime Text Configuratie ### GitGutter Instellingen Voeg toe aan gebruikersinstellingen (`Preferences > Settings`): ```json { "git_gutter_highlight_modified_lines": true, "git_gutter_show_line_status": true, "git_gutter_theme": "Default", "git_gutter_live_mode": true } ``` ### GitSavvy Configuratie ```json { "git_savvy": { "commit_msg_template": "[{type}]: {subject}\n\n{body}\n\n{issues}", "diff_context_lines": 3 } } ``` ## 6. Merge Strategieën en Best Practices ### Feature Branches Mergen ```bash # Update je feature branch git checkout feature/gebruikers-authenticatie git pull origin develop # Merge naar develop git checkout develop git merge --no-ff feature/gebruikers-authenticatie git push origin develop ``` ### Pull Request Workflow 1. Push feature branch: `git push origin feature/branch-naam` 2. Maak PR naar develop branch 3. Code review door teamleden 4. Merge na goedkeuring ## 7. Geavanceerde Workflow Tips ### Interactive Rebase voor Schone Historie ```bash git rebase -i HEAD~3 ``` ### Stash voor Tijdelijke Wijzigingen ```bash # Sla wijzigingen tijdelijk op git stash # Haal wijzigingen terug git stash pop ``` ### Tagging voor Releases ```bash git tag -a v1.2.0 -m "Release versie 1.2.0" git push origin --tags ``` ## 8. Sublime Text Snelkoppelingen - `Ctrl+Shift+P` → "Git: Status" - Bekijk repository status - `Ctrl+Shift+G` - Open GitGutter dashboard - `Ctrl+Alt+C` - Open commit interface (GitSavvy) - `Ctrl+Alt+D` - Open diff weergave ## 9. Automatisering en Hooks ### Pre-commit Hook (.git/hooks/pre-commit) ```bash #!/bin/bash # Voer tests uit voor commit npm test ``` ### Post-merge Hook ```bash #!/bin/bash # Installeer dependencies na merge npm install ``` ## 10. Best Practices Samenvatting 1. **Commit vaak** - Kleine, gerichte commits 2. **Beschrijvende berichten** - Gebruik conventies 3. **Branch per feature** - Isoleer wijzigingen 4. **Review code** - Pull requests voor merges 5. **Test voor commit** - Zorg dat tests slagen 6. **Update regelmatig** - Rebase op develop Deze workflow zorgt voor een gestructureerde en efficiënte versiebeheerervaring in Sublime Text voor jouw webapp project. Begin met de basis en breid geleidelijk uit naar de geavanceerde functies naarmate je meer vertrouwd raakt met de workflow.