Maak een aangepaste PhpStorm Code Snippet Manager voor herbruikbare componenten
description
Maakt sneller coderen mogelijk door herbruikbare codecomponenten efficiënt te beheren, vermindert repetitief typen en helpt consistentie in projecten te behouden. Biedt een op maat gemaakte aanpak die verder gaat dan standaard live templates door snippets te organiseren volgens jouw workflow en voorkeuren.
prompt
Help me een aangepaste code snippet manager te maken in PhpStorm voor mijn herbruikbare componenten en standaardcode. Componenten die ik wil opnemen: <noem de typen snippets of codepatronen> Hoe ik ze wil ...
try_prompt
generate_helper
disclaimerOnPageApi
tags
ai_answers
provider: openai
model: gpt-4.1-nano
Natuurlijk! Hier is een overzicht en enkele stappen om een aangepaste code snippet manager in PhpStorm op te zetten voor je herbruikbare componenten:
1. Organiseer je snippets en componenten:
- Maak in PhpStorm een gestructureerde mapstructuur binnen je project, bijvoorbeeld:
/snippets
/web
/mobiel
/backend
- Plaats je herbruikbare codebestanden hier, zoals API handlers, database setup, SQL templates.
2. Maak Live Templates:
- Ga naar `File` > `Settings` (of `PhpStorm` > `Preferences` op Mac) > `Editor` > `Live Templates`.
- Klik op het plusteken (+) om een nieuwe template te maken.
- Geef een korte afkorting (bijv. `apiHandler`, `dbConnect`, `sqlTemp`).
- Plak de standaardcode die je vaak gebruikt in het tekstveld.
- Voeg eventueel variabelen toe voor dynamische onderdelen.
- Onder `Applicable in` kies je de juiste context (bijvoorbeeld PHP).
- Organiseer je templates in groepen, bijvoorbeeld `HerbruikbareComponenten`.
3. Snelkoppelingen voor snippets:
- Na het maken van live templates, kun je ze snel invoegen door de afkorting te typen en op `Tab` te drukken.
- Je kunt ook gebruik maken van de code completion door `Ctrl+Space` (Windows/Linux) of `Cmd+Space` (Mac).
4. Snippets extern beheren:
- Je kunt je snippets ook in externe bestanden houden (bijv. snippets.php), en die via code importeren of kopiëren.
- Voor geavanceerdere organisatie kan je gebruik maken van plugin-achtige oplossingen of externe snippet managers, maar binnen PhpStorm is Live Templates meestal voldoende.
5. Automatisering en snelkoppelingen:
- Koppel je live templates aan sneltoetsen via `Preferences` > `Keymap`.
- Maak snelkoppelingen voor je meest gebruikte templates, zodat je snel je componenten kunt invoegen.
6. Extra tips:
- Gebruik code snippets met placeholders (`$VARIABLE$`) voor invoer.
- Exporteer je Live Templates regelmatig via `Export` en importeer ze op andere machines of projecten.
Met deze aanpak heb je een overzichtelijke, snelle en herbruikbare code snippet manager binnen PhpStorm, georganiseerd per projecttype en gemakkelijk toegankelijk via snelkoppelingen en live templates.
provider: deepseek
model: deepseek-chat
Hier is een stapsgewijze handleiding om een aangepaste code snippet manager in PhpStorm in te richten voor jouw herbruikbare componenten:
## 1. Live Templates Aanmaken
### Navigeer naar Live Templates:
- Ga naar `File > Settings > Editor > Live Templates`
- Maak nieuwe template groepen aan voor jouw organisatie:
- `Web_Components`
- `Mobile_Components`
- `Backend_Components`
### Voorbeeld API Request Handler:
```javascript
// Groep: Backend_Components
// Afkorting: apiGet
// Beschrijving: Standard API GET request
$.ajax({
url: '$ENDPOINT$',
type: 'GET',
dataType: 'json',
success: function(response) {
$SUCCESS_CODE$
},
error: function(xhr, status, error) {
console.error('API Error:', error);
$ERROR_HANDLING$
}
});
```
### Database Connectie Template:
```php
// Groep: Backend_Components
// Afkorting: dbConnect
// Beschrijving: PDO database connection
try {
$pdo = new PDO('mysql:host=$HOST$;dbname=$DBNAME$', '$USER$', '$PASSWORD$');
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
die('Database connection failed: ' . $e->getMessage());
}
```
## 2. Snelkoppelingen Instellen
### Toetsenbord shortcuts:
- Selecteer een template in Live Templates
- Klik op "Add shortcut"
- Wijs sneltoetsen toe zoals:
- `Ctrl + Alt + A` voor API handlers
- `Ctrl + Alt + D` voor database connecties
- `Ctrl + Alt + Q` voor SQL queries
## 3. SQL Query Templates
```sql
-- Groep: Backend_Components
-- Afkorting: selectWhere
-- Beschrijving: Basic SELECT with WHERE clause
SELECT $COLUMNS$
FROM $TABLE$
WHERE $CONDITION$
LIMIT $LIMIT$;
```
## 4. Best Practices voor Organisatie
### Mapstructuur in Live Templates:
```
📁 Web_Components
├── apiHandlers
├── uiComponents
└── formValidations
📁 Mobile_Components
├── apiCalls
├── navigation
└── storage
📁 Backend_Components
├── database
├── apiEndpoints
└── utilities
```
## 5. Variabelen en Context
Stel template variabelen in:
- `$END$` - cursor positie na insert
- `$SELECTION$` - geselecteerde tekst
- Aangepaste variabelen met default values
## 6. Export/Backup Configuratie
Exporteer je templates regelmatig:
- `File > Manage IDE Settings > Export Settings`
- Selecteer "Live Templates" en "Keymaps"
## 7. Gebruikstips
1. **Snel inserten**: Typ afkorting + `Tab`
2. **Navigeren tussen variabelen**: Gebruik `Tab`
3. **Bekijk alle templates**: `Ctrl + J` (Windows/Linux) of `Cmd + J` (Mac)
## Extra Aanbevelingen
- Maak templates voor veelgebruikte code patterns
- Gebruik duidelijke afkortingen die makkelijk te onthouden zijn
- Documenteer templates met voorbeelden in de beschrijving
- Houd templates up-to-date met je coding standards
Zo heb je een efficiënte snippet manager die perfect aansluit bij jouw workflow voor web, mobiel en backend projecten!