Maak een aangepaste Command Palette-vermelding in Sublime Text voor veelgebruikte acties
description
Maakt het voor gebruikers mogelijk hun workflow te stroomlijnen door veelgebruikte commando's of macro's direct vanuit de Command Palette te openen, waardoor tijd wordt bespaard bij het zoeken in menu's of onthouden van sneltoetsen. Deze prompt begeleidt gebruikers bij het efficiënt aanpassen van hun editor buiten de standaardopties, wat de productiviteit verhoogt.
prompt
Help me een aangepaste Command Palette-vermelding te maken in Sublime Text voor de volgende actie of macro: <beschrijf de actie of macro>. Voeg gedetailleerd ...
try_prompt
generate_helper
disclaimerOnPageApi
tags
ai_answers
provider: openai
model: gpt-4.1-nano
Natuurlijk! Hier zijn de gedetailleerde stappen om een aangepaste Command Palette-vermelding te maken voor het invoegen van een HTML-boilerplate snippet in Sublime Text:
1. Maak een nieuwe snippet aan:
- Ga in Sublime Text naar **Tools > Developer > New Snippet...**.
- Vervang de inhoud door de volgende code voor een HTML-boilerplate:
```xml
<snippet>
<content><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${1:Document}</title>
</head>
<body>
$0
</body>
</html>
]]></content>
<tabTrigger>html5</tabTrigger>
<scope>text.html</scope>
<description>HTML5 Boilerplate</description>
</snippet>
```
2. Sla de snippet op:
- Klik op **File > Save**.
- Bewaar het bestand in je Sublime Text Packages-Map, bijvoorbeeld in de map `User`.
- Geef het een naam zoals `html5_boilerplate.sublime-snippet`.
3. Maak een custom Command Palette-actie:
- Open de Command Palette en kies **Tools > Command Palette...**.
- Kies **Preferences > Key Bindings** om je key bindings te openen, of ga rechtstreeks naar:
- **Preferences > Package Settings > Default > Key Bindings**.
- Voeg een nieuwe key binding toe om het invoegen van de snippet te activeren. Bijvoorbeeld:
```json
{
"keys": ["ctrl+alt+h"], // Kies je eigen toetscombinatie
"command": "insert_snippet",
"args": {
"name": "Packages/User/html5_boilerplate.sublime-snippet"
}
}
```
4. (Alternatief) Toevoegen aan Command Palette:
- Maak een nieuw bestand in de map `Packages/User` met de naam bijvoorbeeld `my_commands.sublime-commands`.
- Voeg de volgende inhoud toe:
```json
[
{
"caption": "Insert HTML5 Boilerplate",
"command": "insert_snippet",
"args": {
"name": "Packages/User/html5_boilerplate.sublime-snippet"
}
}
]
```
- Sla dit bestand op.
- Nu kun je via de Command Palette de optie "Insert HTML5 Boilerplate" kiezen.
**Samenvatting:**
- **Snippet maken**: met de HTML-boilerplate code.
- **Naam geven**: bijvoorbeeld "HTML5 Boilerplate".
- **Toetscombinatie**: bijvoorbeeld `Ctrl+Alt+H`.
- **Command Palette-actie**: toevoegen via `.sublime-commands` bestand.
Zo heb je een snelle manier om je HTML-boilerplate in te voegen via een sneltoets of de Command Palette!
provider: deepseek
model: deepseek-chat
Hier is een gedetailleerde handleiding om een aangepaste Command Palette-vermelding te maken in Sublime Text voor het invoegen van een HTML-boilerplate:
## Stap 1: Maak een nieuw plugin-bestand aan
1. Open Sublime Text
2. Ga naar `Tools` → `Developer` → `New Plugin...`
3. Verwijder de standaard inhoud en plak de volgende code:
```python
import sublime
import sublime_plugin
class InsertHtmlBoilerplateCommand(sublime_plugin.TextCommand):
def run(self, edit):
html_boilerplate = """<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>"""
# Voeg de boilerplate in op de huidige cursorpositie
for region in self.view.sel():
self.view.replace(edit, region, html_boilerplate)
```
4. Sla het bestand op als `insert_html_boilerplate.py` in de map:
- **Windows**: `%APPDATA%\Sublime Text\Packages\User\`
- **Mac**: `~/Library/Application Support/Sublime Text/Packages/User/`
- **Linux**: `~/.config/sublime-text/Packages/User/`
## Stap 2: Voeg een Command Palette-vermelding toe
1. Ga naar `Preferences` → `Package Settings` → `Package Control` → `Settings`
2. Voeg het volgende toe aan je gebruikersinstellingen (rechterpaneel):
```json
{
"commands": [
{
"caption": "Insert: HTML Boilerplate",
"command": "insert_html_boilerplate"
}
]
}
```
## Stap 3: Optioneel - Voeg een toetscombinatie toe
1. Ga naar `Preferences` → `Key Bindings`
2. Voeg in het rechterpaneel (gebruikersinstellingen) toe:
```json
[
{
"keys": ["ctrl+shift+h"],
"command": "insert_html_boilerplate",
"args": {}
}
]
```
## Stap 4: Gebruik de nieuwe functionaliteit
1. **Via Command Palette**:
- Druk `Ctrl+Shift+P` (Windows/Linux) of `Cmd+Shift+P` (Mac)
- Typ "HTML Boilerplate" of "Insert: HTML Boilerplate"
- Selecteer de optie en druk Enter
2. **Via toetscombinatie** (indien geconfigureerd):
- Druk `Ctrl+Shift+H` om direct de boilerplate in te voegen
## Aanvullende aanpassingen
Je kunt de boilerplate eenvoudig aanpassen door de `html_boilerplate` variabele in de plugin aan te passen. Bijvoorbeeld:
```python
html_boilerplate = """<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Pagina beschrijving">
<title>Mijn Website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<!-- Navigatie hier -->
</nav>
</header>
<main>
<!-- Hoofdinhoud hier -->
</main>
<footer>
<!-- Footer inhoud hier -->
</footer>
</body>
</html>"""
```
De plugin wordt automatisch geladen bij de volgende start van Sublime Text.