Natuurlijk! Hieronder vind je een stapsgewijze handleiding om een aangepaste opmaakstijl in Sublime Text te maken die voldoet aan jouw richtlijnen: inspringing met 2 spaties en enkele aanhalingstekens. Daarnaast worden plugins genoemd die je kunnen helpen bij automatische formatting en consistentie. --- ### 1. Instellingen aanpassen voor basisstijl **a) Instellingen voor inspringing en aanhalingstekens** 1. Open Sublime Text. 2. Ga naar `Preferences` > `Settings` – dit opent twee vensters: `Default` en `User`. 3. Voeg in je `User Settings` (rechter venster) de volgende configuratie toe: ```json { "tab_size": 2, "translate_tabs_to_spaces": true, "auto_indent": true, "smart_indent": true, "word_wrap": false, "ensure_newline_at_eof_on_save": true, // Specifieke instellingen voor aanhalingstekens kunnen afhankelijk zijn van formatteringsplugins } ``` *Opmerking:* Sublime Text zelf heeft geen standaardoptie om aanhalingstekens te wijzigen van dubbele naar enkele. Dit wordt meestal geregeld door formatteringsplugins. --- ### 2. Formatteringsplugins installeren Voor het afdwingen van code-stijlen en automatische formatting is het handig om plugins te gebruiken, zoals: - **Package Control** (voor het beheren van plugins) - **SublimePrettyJson** (voor JSON) - **JsPrettier** (voor JavaScript, JSON, etc.) - **EditorConfig** (voor consistente stijlen) **a) Package Control installeren** 1. Open de Command Palette (`Ctrl + Shift + P` of `Cmd + Shift + P` op Mac). 2. Typ: `Install Package Control` en selecteer het. 3. Wacht tot de installatie voltooid is. **b) Plugins installeren** 1. Open opnieuw de Command Palette. 2. Typ: `Package Control: Install Package` en druk op Enter. 3. Zoek en installeer de volgende plugins: - **EditorConfig** (zorgt voor consistentie over editors) - **JsPrettier** (voor JavaScript en JSON) - Andere plugins afhankelijk van je taal (bijv. `SublimeLinter`, `SublimeAStyleFormatter`) --- ### 3. Formatteringsregels voor specifieke talen #### Voor JavaScript (en vergelijkbaar) Gebruik **JsPrettier**: 1. Na installatie, ga naar `Preferences` > `Package Settings` > `JsPrettier` > `Settings`. 2. Pas de volgende instellingen aan: ```json { "printWidth": 80, "tabWidth": 2, "singleQuote": true, "semi": true } ``` 3. Om automatisch te formatteren bij opslaan, voeg toe aan je gebruikersinstellingen: ```json "format_on_save": true ``` #### Voor andere talen Gebruik **EditorConfig**: 1. Maak een `.editorconfig` bestand in de root van je project: ```ini # .editorconfig root = true [*] indent_style = space indent_size = 2 end_of_line = lf insert_final_newline = true trim_trailing_whitespace = true ``` 2. Installeer en activeer de plugin, zodat deze automatisch wordt toegepast. --- ### 4. Automatisch formatteren op opslaan Voeg in je `Preferences` > `Settings` toe: ```json { "format_on_save": true } ``` *Let op:* Dit werkt enkel als je formatteringsplugins dit ondersteunen en correct geconfigureerd zijn. --- ### 5. Extra tips - Controleer of je project een `.editorconfig` bestand gebruikt om stijlen af te dwingen. - Gebruik linting tools (zoals ESLint voor JavaScript) om codeconsistentie te bewaken. - Pas sneltoetsen of commando's aan voor snelle formatting. --- ### Samenvatting - Pas algemene instellingen aan voor inspringing (`tab_size`, `translate_tabs_to_spaces`). - Installeer en configureer formatteringsplugins zoals JsPrettier en EditorConfig. - Gebruik `.editorconfig` om stijlregels te documenteren en afdwingen. - Stel automatische formatting in bij opslaan. --- Ik hoop dat deze instructies je helpen bij het opzetten van een consistente code-stijl in Sublime Text!

Hier is een gedetailleerde handleiding om Sublime Text te configureren voor automatische codeformattering volgens jouw richtlijnen: ### 1. Installatie van Package Control (indien nog niet geïnstalleerd) - Open Sublime Text - Druk op `Ctrl + `` om de console te openen - Plak de installatiecode van [Package Control](https://packagecontrol.io/installation) - Herstart Sublime Text ### 2. Essentiële Plugins Installeren **Via Package Control:** 1. Druk `Ctrl + Shift + P` 2. Typ "Install Package" en selecteer 3. Installeer deze plugins: - **SublimeLinter** - Basis voor code-analyse - **SublimeLinter-contrib-eslint** (voor JavaScript) of **SublimeLinter-flake8** (voor Python) - **EditorConfig** - Voor project-specifieke instellingen - **AutoFormat** - Voor automatische formattering ### 3. Project-specifieke Instellingen **Maak een .editorconfig bestand** in je projectroot: ```ini root = true [*] indent_style = space indent_size = 2 charset = utf-8 trim_trailing_whitespace = true insert_final_newline = true quote_type = single ``` ### 4. Sublime Text Instellingen Aanpassen **User Preferences (Preferences → Settings):** ```json { "auto_indent": true, "ensure_newline_at_eof_on_save": true, "tab_size": 2, "translate_tabs_to_spaces": true, "trim_trailing_white_space_on_save": true, "use_tab_stops": false, "rulers": [80], "draw_white_space": "all" } ``` ### 5. Taalspecifieke Instellingen **Voor JavaScript (Preferences → Settings - Syntax Specific):** ```json { "tab_size": 2, "ensure_newline_at_eof_on_save": true, "translate_tabs_to_spaces": true } ``` ### 6. ESLint Configuratie (voor JavaScript) **Maak .eslintrc.json in projectroot:** ```json { "rules": { "indent": ["error", 2], "quotes": ["error", "single"] } } ``` ### 7. Automatische Formattering bij Opslaan **Via Package Resource Viewer:** 1. Installeer "PackageResourceViewer" 2. Open via `Ctrl + Shift + P → PackageResourceViewer: Open Resource` 3. Navigeer naar `Default → Save.py` en pas aan voor auto-format ### 8. Snelkoppelingen voor Formattering **Key Bindings (Preferences → Key Bindings):** ```json [ { "keys": ["ctrl+shift+f"], "command": "auto_format" } ] ``` ### 9. Aanvullende Tips - Gebruik **SublimeLinter** om real-time feedback te krijgen - Configureer **Git hooks** voor pre-commit formattering - Maak project-specifieke settings via `Project → Save Project As` ### 10. Validatie Test je configuratie door: 1. Code te schrijven met tabs en dubbele aanhalingstekens 2. Bestand op te slaan of formattering handmatig te activeren 3. Controleren of alles geconverteerd is naar 2 spaties en enkele aanhalingstekens Deze setup zorgt voor consistente code-stijl across je hele project en kan eenvoudig worden gedeeld met teamleden via de .editorconfig en ESLint bestanden.