Come creare un nuovo spazio di lavoro in VS Code

L'area di lavoro di Visual Studio Code è una raccolta di file aperti in un'unica finestra. Un'area di lavoro può essere una singola cartella ma, in alcuni casi, includerà più file in un flusso di lavoro di sviluppo noto come aree di lavoro multi-root. Se stai lavorando a un progetto e devi aprire più file su questa piattaforma, la nuova funzione Workspace può aiutarti. Sarai in grado di aprire diversi file nella stessa finestra, facilitando l'accesso a tutti i tuoi documenti necessari. Il file .code-Workspaces viene utilizzato per salvare la configurazione della cartella del progetto. Una volta configurato, aprirà automaticamente i vari file nella stessa finestra. È anche molto più veloce e più facile da configurare rispetto alla scrittura di uno script di shell. Scopri come creare un'area di lavoro VS Code.

Creazione di un nuovo spazio di lavoro in VS Code

Il tuo spazio di lavoro è spesso la copia locale della base di codice del team che puoi utilizzare per testare e sviluppare il tuo codice. Nella maggior parte dei casi, viene creato automaticamente all'apertura di una cartella VS. Tuttavia, potresti voler creare più file per tenere traccia di tutte le modifiche apportate in diversi rami del progetto. Ecco come consolidare questi file in un'area di lavoro VS Code.

1. Seleziona le cartelle che desideri nel tuo spazio di lavoro.
   
2. Aggiungili all'area di lavoro selezionando "File", quindi "Aggiungi cartella all'area di lavoro".
   
3. Dopo aver configurato il tuo posto di lavoro, salva il nuovo forum andando su "File", quindi su "Salva spazio di lavoro con nome".
   

Il tuo nuovo spazio di lavoro è stato ora creato su VS Code e il nome verrà visualizzato come (Nome).code-Workspace.

Impostazioni dell'area di lavoro

Queste impostazioni sostituiscono le impostazioni predefinite e possono essere utilizzate per personalizzare l'area di lavoro a proprio piacimento. Sono archiviati in file JSON e la loro posizione sarà determinata dalla modalità di apertura della cartella.

Impostazioni dell'area di lavoro a cartella singola

Se apri una cartella come area di lavoro, le impostazioni si troveranno in .vscode/settings.json.

Impostazioni dell'area di lavoro multi-root

Se la cartella che apri è un file .code-workspace, tutte le impostazioni di Workspace verranno aggiunte al file .code-workspace.

È comunque possibile personalizzare le impostazioni per cartella principale, ma le impostazioni sovrascriveranno quelle definite in .code-workspace.

Workspace avvia configurazioni e attività

Analogamente a come vengono configurate le impostazioni per Workspace, anche le attività e i lanci possono essere personalizzati per adattarsi a un'area di lavoro. Se hai una cartella aperta come file .code-workspace o Workspace, le posizioni delle configurazioni di attività e avvio si trovano nel file .vsh o nel file .workspace. Queste configurazioni possono anche essere regolate dalla cartella.

Ottimizza un nuovo spazio di lavoro VS Code

Con il supporto integrato per vari linguaggi di programmazione, inclusi TypeScript, Javascript e Node JS, Workspace è uno strumento ideale per gli sviluppatori. Questi suggerimenti renderanno la piattaforma più efficiente e più facile da navigare.

Terminali

Potresti utilizzare il terminale predefinito fornito dal tuo sistema operativo. Con VS Code, la piattaforma voleva fare in modo che non dovessi fare affidamento sulla funzionalità del sistema operativo. VS Code viene fornito con un terminale integrato che ha tutte le tue esigenze in un unico posto. È un ottimo modo per tenere traccia dei tuoi progetti di sviluppo e assicurarti che funzionino senza intoppi. Con la possibilità di rinominare o cambiare il colore dell'icona, è anche più facile distinguere tra i vari terminali per il tuo progetto.

Schede avvolgenti

Questa funzionalità è utile per gli sviluppatori che lavorano su progetti di grandi dimensioni in cui vengono utilizzati più componenti. Può essere difficile tenere traccia di tutti i file quando ci si sposta da un componente all'altro. In VS Code, le schede vengono visualizzate nel browser e dovrai scorrere da una all'altra quando vuoi vedere cosa c'è dentro.

Un metodo più efficiente sarebbe avvolgere queste schede facendo clic su Cmd + e cercando "Wrap Tabs". Questa funzione renderà più facile vedere cosa c'è nelle diverse schede.

Pin Schede

In qualità di sviluppatore, è consigliabile mantenere il tuo spazio di lavoro il più organizzato possibile. Puoi farlo fissando le schede che usi spesso nella parte anteriore dello schermo. Puoi anche personalizzare l'aspetto di queste schede premendo i pulsanti Cmd + o Ctrl + e cercando "Pin Tab".

Interfaccia utente

L'interfaccia del tuo terminale è configurata in modo da avere varie opzioni, come explorer, search, project manager e output. Ha anche una sezione simile a un piè di pagina in cui puoi facilmente trovare e modificare più dettagli. In VS Code è possibile trascinare e rilasciare queste schede, riorganizzandole a proprio piacimento. Puoi posizionare le opzioni utilizzate più di frequente più vicino alla parte superiore o personalizzarle per renderle più facilmente accessibili. La personalizzazione dell'interfaccia utente semplifica la navigazione nell'area di lavoro.

Lingua

Quando crei una nuova pagina in Visual Studio Code, il file è senza titolo e dovrai inserire tu stesso i dettagli. Dovresti quindi passare al nome del file e inserire l'estensione. Il processo può essere noioso, soprattutto quando si ha a che fare con un gran numero di file.

È possibile ottimizzare il processo consentendo all'IDE di esaminare i file. Utilizzerà quindi il sistema di denominazione precedente per assegnare nomi ai nuovi file creati.

Anteprima

VS Code ha alcune funzionalità frustranti. Ad esempio, se apri un file in anteprima e poi ne apri un altro subito dopo senza apportare modifiche al primo, il programma chiuderà il primo file. Se desideri modificare questa impostazione e mantenere entrambi i file aperti in anteprima, vai su Impostazioni e cerca "Abilita anteprima". Seleziona la casella di controllo per apportare le modifiche necessarie.

Nuova configurazione del PC

Potresti aver personalizzato e personalizzato il tuo VS Code Workspace a tuo piacimento, solo per ottenere un nuovo PC. Mentre una nuova macchina è fantastica, dover riconfigurare il tuo spazio di lavoro può essere fastidioso.

Setting Sync ti consente di salvare tutte le tue configurazioni in un unico posto. Quando ottieni un altro dispositivo, applicherà automaticamente le impostazioni di quello vecchio al nuovo VS Code Workspace. In questo modo, non dovrai riconfigurare Workspace sul tuo nuovo PC.

Apri Replay

Iniziare a eseguire il debug di un'app Web in produzione può essere impegnativo e richiedere molto tempo. Con OpenReplay , puoi monitorare e riprodurre tutto ciò che fanno i tuoi utenti, permettendoti di vedere come si comporta l'app e rilevare eventuali problemi che potrebbero apparire. OpenReplay è un'opzione eccellente in quanto è un'alternativa open source gratuita ad altre applicazioni di debug come LogRocket e FullStory . L'utilizzo di un programma di debug consente di risparmiare molto tempo quando si utilizza Workspace.

Git Hub

VS Code viene fornito con un'integrazione GitHub integrata . Ciò ti consente di inviare rapidamente i tuoi file a GitHub. La connessione a GitHub da VS Code significa che non devi perdere tempo a scrivere comandi git. L'integrazione di VS Code semplifica la manutenzione dei file.

Tutte le tue cartelle in un'unica posizione

Workspace semplifica l'organizzazione del tuo team. File e cartelle possono essere archiviati in un'unica posizione, consentendo loro di essere aperti e visualizzati con un clic di un pulsante. L'area di lavoro può anche essere ottimizzata per migliorare l'efficienza e aiutare a tenere traccia dei progetti in corso. Con questa guida, ora sei ben attrezzato per creare un'area di lavoro su VS Code e personalizzarla in base alle tue esigenze.

Hai impostato un nuovo spazio di lavoro su VS Code? Facci sapere come hai creato e ottimizzato il tuo spazio di lavoro nei commenti qui sotto.