Visual Studio Code és un editor amb suport per a molts llenguatges de programació.
Introducció
Instal·la VS Code amb l’instal·lador oficial que pots trobar en aquest enllaç: Install VS Code on Windows.
La instal·lació afegeix Visual Studio Code a la variable d’entorn %PATH%, perquè puguis escriure code . a la consola i obrir VS Code en aquella carpeta.
Fitxers
Crea un fitxer
Crea un fitxer des del menú d’opcions de VS Code, seleccionar File > New Text File (o la drecera Ctrl + N).
Escriu algún contingut al fitxer.
Si et fixes en la pestanya de dalt pots veure la pestanya de l’editor a canviant a un punt negre:
Això vol dir que les modificacions no s’han desat, i si tanques l’editor els canvis es perdran.
Per desar el fitxer, selecciona File > Save (o la drecera Ctrl + S).
Pots veure que la pestanya de dalt ara té el nom del fitxer:
Diversos fitxers
Pots tenir diversos fitxers i tenir-los oberts de manera simultània, cadascun en una pestanya diferent.
Crea un nou fitxer amb Ctrl + N
Per canviar entre fitxers oberts (o “pestanyes”) ho pots fer de diverses maneres:
-
Amb el ratolí pots seleccionar la pestanya del fitxer que necessites editar.
-
També pots canviar entre pestanyes mitjançant les tecles Alt + número (per exemple, Alt + 1); cada número sol representar la posició relativa de la pestanya, cosa que facilita la navegació ràpida sense necessitat d’utilitzar el ratolí.
-
També pots canviar entre pestanyes fent servir Ctrl juntament amb les tecles AvPág (avançar pàgina) i RePág (retrocedir pàgina) del teclat.
Edita el contingut del nou fitxer que has creat i guarda’l amb Ctrl + S:
Si has modificat diversos fitxers i vols desar-los tots a la vegada, i ja han estat desats abans (o ja existien), ho fots fer seleccionant File > Save All (o la drecera Ctrl + K, S).
Modifica el contingut dels dos fitxers que has creat i guarda’ls amb Ctrl + K+ S.
Tancar fitxers
Hi ha tres maneres diferents de tancar una pestanya:
- Amb el ratolí, pots prémer la creu de la pestanya (si no s’ha desat, apareixerà un diàleg per confirmar que es desin els canvis).
- També podem tancar la pestanya activa prement les tecles Ctrl + W.
- Pots tancar la pestanya activa prement les tecles Ctrl + F4.
Obrir fitxers
- Per obrir un fitxer emmagatzemat al disc, pots fer-ho seleccionant des del menú d’opcions: Fitxer -> Obrir fitxer.
- La drecera de tecles perquè aparegui el diàleg d’obertura de fitxer és Ctrl + O.
Crea un altre fitxer a partir d’un d’existent
És habitual necessitar crear un fitxer nou basat en un d’existent. Per fer-ho, selecciona la pestanya del fitxer i després ves al menú d’opcions, tria Fitxer -> Anomena i desa. D’aquesta manera, pots crear un fitxer nou, per exemple, ‘pagina3.html’, mantenint el mateix contingut que el fitxer original, ‘pagina2.html’. Al quadre de diàleg que apareix, especifica el nou nom del fitxer, ‘pagina3.html’.
Una manera més ràpida de fer la mateixa acció és prémer les tecles Ctrl + Maj + S, que també obrirà el quadre de diàleg per desar el fitxer amb un nom nou.
Desament automàtic
Per simplificar el procés de desar fitxers, pots habilitar la funció de «Desament automàtic». A Visual Studio Code, pots activar aquesta característica i oblidar-te d’haver de desar manualment. Ves al menú Fitxer -> Desament automàtic i marca l’opció. Si decideixes desactivar-la en el futur, simplement desmarca la casella.
Un cop activat, cada modificació que facis en un fitxer es desarà automàticament al disc on està emmagatzemat. Amb això, ja no caldrà utilitzar l’opció Fitxer -> Desar cada vegada que facis canvis