Creëer een aangepaste Sublime Text snippet voor snellere code-invoer
description
Met deze prompt kun je snel en eenvoudig aangepaste snippets maken die je codeerproces aanzienlijk versnellen. Het voorkomt herhaald handmatig typen van veelgebruikte code en verhoogt zo de productiviteit. Het is beter dan standaard snippets omdat het volledig is afgestemd op jouw specifieke programmeertaal en gebruiksscenario's, wat maximale efficiëntie biedt.
prompt
Help me een aangepaste snippet te maken in Sublime Text voor de programmeertaal: <voer de programmeertaal in>. Ik wil dat deze snippet snel toepasbare codeblokken genereert ...
try_prompt
generate_helper
disclaimerOnPageApi
tags
ai_answers
provider: openai
model: gpt-4.1-nano
Hier is een voorbeeld van een aangepaste snippet voor Sublime Text die een standaard React functionele component met props genereert in JavaScript (JSX).
**Stap 1: Maak een nieuwe snippet aan**
1. Open Sublime Text.
2. Ga naar `Tools` > `New Snippet...`.
3. Verwijder de standaardcode en plak de onderstaande code.
```xml
<snippet>
<content><![CDATA[
import React from 'react';
const ${1:ComponentName} = (${2:{}}) => {
return (
<div>
$0
</div>
);
}
export default ${1:ComponentName};
]]></content>
<tabTrigger>reactcomp</tabTrigger>
<scope>source.js, source.jsx</scope>
<description>React functionele component met props</description>
</snippet>
```
**Stap 2: Sla de snippet op**
- Ga naar `File` > `Save As...`.
- Sla het bestand op in de map voor snippets, bijvoorbeeld:
`Packages/User/react_component.sublime-snippet`
**Stap 3: Gebruik de snippet**
- Typ `reactcomp` in een JavaScript of JSX bestand.
- Druk op `Tab`.
- Een standaard React functionele component met props verschijnt.
Je kunt de placeholders `${1:ComponentName}` en `${2:{}}` aanpassen naar de gewenste componentnaam en props.
**Extra tips:**
- Je kunt de `<tabTrigger>` aanpassen naar een andere korte code die je handig vindt.
- Zorg dat je bestand een `.sublime-snippet` extensie heeft en in de juiste map staat.
**Instructies voor installeren en activeren:**
1. Volg hierboven de stappen om de snippet te maken en op te slaan.
2. Open een `.js` of `.jsx` bestand in Sublime Text.
3. Typ de `tabTrigger` naam (`reactcomp`) en druk op `Tab`.
4. De code wordt automatisch ingevuld en je kunt direct verder werken.
Als je nog meer aangepaste snippets wilt, herhaal dan deze stappen en pas de inhoud aan naar jouw wensen.
provider: deepseek
model: deepseek-chat
Hallo! Hier is een aangepaste snippet voor Sublime Text om React functionele componenten met props te genereren in Python-bestanden:
**Snippet Bestand:**
```xml
<snippet>
<content><![CDATA[
def ${1:ComponentName}(props):
"""
React functionele component met props
"""
return (
${2:<div>
${3:<!-- Je JSX hier -->}
</div>}
)
${1:ComponentName}.propTypes = {
${4:/* prop types definities */}
}
export default ${1:ComponentName}
]]></content>
<tabTrigger>rfc</tabTrigger>
<scope>source.python</scope>
<description>React Functionele Component met Props</description>
</snippet>
```
**Installatie-instructies:**
1. **Open Sublime Text**
2. Ga naar: `Tools > Developer > New Snippet`
3. Plak de bovenstaande code in het nieuwe bestand
4. Sla het bestand op als: `ReactFunctionalComponent.sublime-snippet`
5. Bewaar het in de juiste map:
- Windows: `%APPDATA%\Sublime Text\Packages\User\`
- Mac: `~/Library/Application Support/Sublime Text/Packages/User/`
- Linux: `~/.config/sublime-text/Packages/User/`
**Gebruik:**
1. Open een Python-bestand (.py) in Sublime Text
2. Typ `rfc` en druk op `Tab`
3. De snippet wordt uitgevouwen met plaatshouders:
- `ComponentName`: Druk op Tab om naar de volgende plaatshouder te gaan
- Beweeg tussen plaatshouders met Tab/Shift+Tab
- Bewerk elke sectie naar wens
**Belangrijke opmerking:**
Aangezien je Python-bestanden gebruikt voor React-componenten (mogelijk via een framework zoals ReactPy of voor educatieve doeleinden), zorg ervoor dat je de juiste React-bindingen voor Python hebt geïnstalleerd en geconfigureerd.
De snippet is specifiek gemaakt voor Python-bestanden door de `<scope>source.python</scope>` tag, waardoor deze alleen activeert wanneer je in Python-bestanden werkt.