Impostazioni di qualità del codice per lingua nel codice di Visual Studio

Last updated Nov 9, 2022

Nei post precedenti, ho parlato un po’ di Visual Studio Code e, sebbene abbia provato una varietà di altri editor, continuo a tornare a questo particolare IDE.

Nel tempo, è maturato un po’, continua a farlo e consente molte personalizzazioni soprattutto per quelli di noi che lavorano in PHP, Sass, JavaScript e, più in generale, WordPress.

Se usi qualsiasi linter, tuttavia, scoprirai che una delle cose di cui ciascuno parlerà è la quantità di spazio bianco che dovrebbe esistere prima di una determinata riga di codice.

Quindi, se stai usando Visual Studio Code, queste sono le estensioni e le impostazioni che consiglio per assicurarti che il tuo codice sia all’altezza di qualsiasi strumento di qualità del codice che stai utilizzando.

Qualità del codice per lingua

Innanzitutto, le estensioni che consiglio a tutti di installare, almeno se stai lavorando con le lingue di cui sopra, includono quanto segue:

ESLint. Integra ESLint in VS Code. (Se non conosci ESLint, controlla la documentazione .)
PHPCS che integra i PHP Coding Standards (impostati nelle preferenze) nell’IDE.
WordPress Toolbox fornisce frammenti per ogni funzione, classe e costante di WordPress, con suggerimenti sul tipo di argomento e brevi descrizioni fino a WordPress 4.9.4 (al momento di questo post).

Una volta installati, puoi riavviare il tuo IDE o aggiungere il codice seguente al file delle preferenze prima di farlo. Puoi farlo su base globale o per progetto. O va bene. Ho commentato il codice per renderlo il più semplice possibile da seguire.

Aggiungo anche alcune note sotto di esso.


{
    // Tab Spacing per language.
    "[php]": {
      "editor.tabSize": 4,
      "editor.autoIndent": true
    },

    "[scss]": {
      "editor.tabSize": 2,
      "editor.autoIndent": true
    },

    "[javascript]": {
      "editor.tabSize": 2,
      "editor.autoIndent": true
    },

    // General Editor Settings
    "files.trimTrailingWhitespace": true,
    "php.suggest.basic": true,
    "php.validate.executablePath": "/usr/local/bin/php",
    "php.validate.run": "onType",
    "phpcs.enable": true,
    "phpcs.executablePath": "/usr/local/bin/phpcs",
    "phpcs.standard": "PSR2"
}

Ecco come funziona:

Per ogni tipo di lingua, puoi definire determinate impostazioni come tabSize e se indentare automaticamente o meno creando una definizione nel file JSON.
Per fare ciò, fai precedere la definizione dal suffisso del file della lingua o, in alcuni casi (come JavaScript), dal nome della lingua.

Il codice nella parte inferiore del file, le Impostazioni generali dell’editor sono forniti come alcuni extra che potresti voler includere. Ad esempio, mi piace tagliare tutto lo spazio finale, suggerire definizioni PHP di base e una serie di standard di codifica per quando sto lavorando a un progetto.

Queste sono cose che generalmente esulano dall’ambito di questo progetto (ma ne ho discusso in altri post ). Ma è ancora sufficiente per iniziare con un livello di qualità del codice per lingua più elevato rispetto a quello offerto immediatamente.

Fonte di registrazione: tommcfarlin.com