Ma prima di entrare in tutto questo, penso che sia importante configurare l’IDE in modo tale che appaia bene, funzioni bene con il modo in cui vogliamo e che capiamo come funziona in modo da poterlo modificare ulteriormente come il sorge il bisogno.<\/p>\n
Quindi, nel post di oggi, esamineremo esattamente questo: capire come Visual Studio Code gestisce le impostazioni e un elenco proposto di opzioni di configurazione che ti aiuteranno a rendere la tua esperienza il pi\u00f9 solida possibile.<\/p>\n
Impostazioni utente in Visual Studio Code<\/h2>\n
Prima di iniziare, ti consiglio di scaricare Fira Code<\/a><\/strong> e di installare il font sul tuo sistema operativo preferito. Sebbene ci siano molti altri caratteri (come Source Code Pro<\/a><\/strong>) che sono anche belli, ho trovato Fira Code uno dei miei preferiti personali, specialmente con le sue legature (ma ne parleremo momentaneamente).<\/p>\n Questo \u00e8 ci\u00f2 che vedrai negli screenshot nel resto di questa serie.<\/p>\n Innanzitutto, nota che Visual Studio Code ha un file predefinito che usa per le impostazioni nei suoi progetti. Lo noterai se vai al\u00a0 menu Codice> Preferenze<\/strong> (o qualsiasi cosa sia simile al tuo sistema operativo.<\/p>\n In breve, tutto \u00e8 impostato in un file JSON. Ecco dove diventa divertente: puoi personalizzare questo file essenzialmente sovrascrivendo ci\u00f2 che fornisce utilizzando un file Impostazioni utente che fornisce.<\/p>\n E la cosa bella \u00e8 che, sebbene sostituisca ci\u00f2 che offre Visual Studio, l’IDE torner\u00e0 sempre alle impostazioni predefinite fornite con esso.<\/p>\n In questo particolare post, esaminer\u00f2 semplicemente la definizione delle impostazioni dell’editor. Nei post futuri, tuttavia, esamineremo il lavoro con PHP, standard di codifica e altro ancora.<\/p>\n Per questo post, presumo che tu abbia un progetto aperto. Questo pu\u00f2 essere un nuovo progetto o un progetto esistente. Indipendentemente da ci\u00f2, ci\u00f2 che ho intenzione di offrire sar\u00e0 comunque valido.<\/p>\n In secondo luogo, dar\u00f2 suggerimenti in base al tipo di lavoro che svolgo pi\u00f9 spesso. Anche se raccomando queste impostazioni per altri e anche se potremmo apportare piccole modifiche (ad esempio, alcuni linter non vogliono spazio attraverso cui passare attraverso questa serie sull’IDE, queste sono le cose pi\u00f9 generali utilizzate per iniziare).<\/p>\n Quando apri per la prima volta il file, sar\u00e0 vuoto. Ricorda, deve essere scritto in JSON corretto, altrimenti non funzioner\u00e0 (per non parlare ora di un errore).<\/p>\n Ecco un esempio di ci\u00f2 che ho nelle impostazioni del mio editor<\/a><\/strong> :<\/p>\n Ciascuno dovrebbe essere autoesplicativo; tuttavia, tieni presente che editor.fontLigatures<\/strong> \u00e8 impostato su true<\/strong> poich\u00e9 sto usando Fira Code. Questo cambier\u00e0 alcune cose come =<\/strong> in una legatura.<\/p>\n Questo rende l’esperienza molto pi\u00f9 piacevole durante la scrittura del codice.<\/p>\n Infine, una delle cose che trovo utili \u00e8 avere progetti in un luogo che pu\u00f2 essere condiviso tra pi\u00f9 macchine. Questo pu\u00f2 essere fatto tramite Google Drive, Dropbox o iCloud Drive.<\/p>\n In ogni caso, ti consiglio di fare quanto segue:<\/p>\n In questo modo, se scegli di utilizzare pi\u00f9 macchine, dovresti avere i file di origine di cui hai bisogno per lavorare su ogni progetto. Ma non soffermer\u00f2 il punto qui. Ne ho discusso in un post precedente<\/a><\/strong> e il processo continua a suonare.<\/p>\n Ho semplicemente sentito che indicarlo sarebbe stata una buona mossa nel caso in cui non fosse qualcosa che hai considerato.<\/p>\n Ovviamente, questo post non \u00e8 estremamente tecnico, ma inizieremo a implementare gli standard di codifica nel prossimo post e ci\u00f2 richieder\u00e0 un po’ di lavoro con Composer e con le impostazioni dell’utente.<\/p>\n E per assicurarci di essere in grado di farlo, ha senso gettare le basi per capire come funzionano le impostazioni in modo da poter continuare a modificarle in futuro.<\/p>\n1 Comprensione delle impostazioni<\/h3>\n
2 Configurazione delle impostazioni<\/h3>\n
{\n \/\/ Editor Settings.\n \"editor.fontFamily\": \"Fira Code\",\n \"editor.fontLigatures\": true,\n \"editor.fontSize\": 13,\n \"editor.renderWhitespace\": \"all\",\n \"editor.tabSize\": 4,\n \"editor.insertSpaces\": true,\n \"editor.detectIndentation\": false,\n \"editor.formatOnSave\": false,\n\n \"files.trimTrailingWhitespace\": true,\n\n \/\/ ...\n}<\/code><\/pre>\n![\"Utilizzo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164512-61e766569a4ff.png\")
<\/a><\/p>\n3 Condivisione di progetti<\/h3>\n
\n
Guardando gli standard di codifica<\/h2>\n