Installare i controls

Guida all'installazione delle estensioni WvdS UI Control.

Prerequisiti

  • Visual Studio Code 1.85.0 o superiore
  • Estensione WvdS FPC RAD Suite Core

Installazione via Marketplace

Questo è il metodo consigliato per gli utenti finali.
  1. Aprite VS Code
  2. Aprite il pannello Extensions (Ctrl+Shift+X)
  3. Cercate WvdS UI
  4. Installate i controls desiderati

Installazione via VSIX

Singola estensione

code --install-extension wvds-vscode-ui-button-0.1.0.vsix

Tutti i controls

# PowerShell
Get-ChildItem "*.vsix" | ForEach-Object {
    code --install-extension $_.FullName
}

Pacchetti disponibili

Basic Controls

Pacchetto Contenuto
wvds-vscode-ui-label Label
wvds-vscode-ui-button Button
wvds-vscode-ui-textbox TextBox
wvds-vscode-ui-checkbox CheckBox
wvds-vscode-ui-radiobutton RadioButton
wvds-vscode-ui-image Image
wvds-vscode-ui-progressbar ProgressBar
wvds-vscode-ui-slider Slider
wvds-vscode-ui-togglebutton ToggleButton
wvds-vscode-ui-hyperlink Hyperlink
wvds-vscode-ui-border Border
wvds-vscode-ui-separator Separator

Editor Controls

Pacchetto Contenuto
wvds-vscode-ui-textedit TextEdit
wvds-vscode-ui-memoedit MemoEdit
wvds-vscode-ui-spinedit SpinEdit
wvds-vscode-ui-dateedit DateEdit
wvds-vscode-ui-timeedit TimeEdit
wvds-vscode-ui-calcedit CalcEdit
wvds-vscode-ui-coloredit ColorEdit
wvds-vscode-ui-maskedit MaskEdit
wvds-vscode-ui-comboboxedit ComboBoxEdit
wvds-vscode-ui-tokenedit TokenEdit
wvds-vscode-ui-ratingcontrol RatingControl

Data Controls

Pacchetto Contenuto
wvds-vscode-ui-datagrid DataGrid
wvds-vscode-ui-treelist TreeList
wvds-vscode-ui-cardview CardView
wvds-vscode-ui-pivotgrid PivotGrid

Chart Controls

Pacchetto Contenuto
wvds-vscode-ui-chart Chart (base)
wvds-vscode-ui-sparkline Sparkline

Gauge Controls

Pacchetto Contenuto
wvds-vscode-ui-circulargauge CircularGauge
wvds-vscode-ui-lineargauge LinearGauge
wvds-vscode-ui-digitalgauge DigitalGauge
wvds-vscode-ui-stateindicator StateIndicator
wvds-vscode-ui-led LED
wvds-vscode-ui-thermometer Thermometer

Dopo l'installazione

Attivare IntelliSense

Dopo l'installazione, nei file PXAML sono disponibili:

  • Completamento snippet - Digitate wvds- per i suggerimenti
  • Completamento tag - Digitate < per la lista dei controlli

Utilizzare gli snippet

  1. Aprite un file PXAML
  2. Digitate wvds-button
  3. Premete Invio
  4. Lo snippet Button viene inserito
<Button
    Name="button1"
    Caption="Click Me"
    OnClick="OnButtonClick"
/>

Disinstallazione

# Singola estensione
code --uninstall-extension ArmandoFilho.wvds-vscode-ui-button
 
# Tutte le estensioni WvdS UI
code --list-extensions | Where-Object { $_ -like "*wvds-vscode-ui*" } | ForEach-Object {
    code --uninstall-extension $_
}

Risoluzione dei problemi

L'estensione non viene caricata

  1. Riavviate VS Code
  2. Aprite i Developer Tools (Ctrl+Shift+I)
  3. Controllate la Console per errori

Gli snippet non funzionano

  1. Verificate che il file abbia estensione .pxaml
  2. Controllate il Language Mode (deve essere PXAML)

Problemi di performance

Con molte estensioni installate:

  1. Installate solo i controlli necessari
  2. Disattivate le estensioni non utilizzate

Vedere anche

Zuletzt geändert: il 29/01/2026 alle 22:31