Aprenda a usar el editor de código

En esta introducción al editor de código de Visual Studio, agregará código a un archivo y explorará cómo Visual Studio ayuda a facilitar la escritura, navegación y comprensión del código.

Tip

Si no tiene Visual Studio, vaya a la página de descargas de Visual Studio para instalarlo de forma gratuita.

Si todavía no ha instalado Visual Studio, vaya a la página de descargas de Visual Studio para instalarlo de forma gratuita.

En este artículo se da por supuesto que ya está familiarizado con un lenguaje de programación. Si no lo está, le sugerimos que examine primero una de las guías de inicio rápido de programación, como crear una aplicación web con python o C#o crear una aplicación de consola con Visual Basic o de C++ .

Prerequisites

Visual Studio con las opciones de desarrollo de C# configuradas. Para configurar las opciones, consulte Seleccionar opciones de entorno.

Creación de un nuevo archivo de código

Cree un nuevo archivo y agregue código.

Abra Visual Studio. Presione Esc o seleccione Continuar sin código en la ventana de inicio para abrir el entorno de desarrollo.
En el menú Archivo de la barra de menús, seleccione Nuevo>archivo.
En el cuadro de diálogo Nuevo archivo , en la categoría General , seleccione Clase de Visual C# y, a continuación, seleccione Abrir.

Se abre un nuevo archivo en el editor con el esqueleto de una clase de C#. (Tenga en cuenta que no es necesario crear un proyecto completo de Visual Studio para obtener algunas de las ventajas que ofrece el editor de código; todo lo que necesita es un archivo de código).

Abra Visual Studio. Seleccione la tecla Esc o seleccione Continue without code (Continuar sin código ) en la ventana de inicio para abrir el entorno de desarrollo.
En el menú Archivo de la barra de menús, seleccione Nuevo>archivo o seleccione las teclas Ctrl+N .
En el cuadro de diálogo Nuevo archivo , en la categoría General , seleccione Clase de C# y, a continuación, seleccione Abrir.

Se abre un nuevo archivo en el editor con una estructura básica de clases de C#.

Uso de GitHub Copilot

GitHub Copilot actúa como un compañero programador de IA para proporcionar finalizaciones de código de estilo autocompletar y sugerencias de código de varias líneas compatibles con contexto, al codificar, en tiempo real, directamente en el editor. GitHub Copilot convierte mensajes de lenguaje natural, incluidos comentarios y nombres de método en sugerencias de codificación. Puede ver e incorporar sugerencias de GitHub Copilot directamente en el editor.

Probar GitHub Copilot

Vamos a usar Copilot para generar sugerencias de código:

Coloque el cursor justo debajo de la llave de cierre final } en el archivo.
Escriba un comentario de lenguaje natural: // Add a method to add two numbers y Escriba.
GitHub Copilot genera una sugerencia de código automáticamente. La implementación sugerida se muestra en texto gris.
Para aceptar la sugerencia, seleccione pestaña.

Vamos a usar El chat de Copilot para enviar una pregunta relacionada con la codificación como mensaje:

Seleccione el distintivo de GitHub Copilot en la esquina superior derecha del IDE.
Seleccione Abrir ventana de chat en la lista desplegable.

Escriba el siguiente mensaje en la ventana de chat:


Generate sample code for a simple C# method to add two numbers.

Copilot Chat genera código de ejemplo en respuesta al mensaje.

GitHub Copilot se basa en la inteligencia artificial, por lo que son posibles sorpresas y errores. Para obtener más información, consulte Preguntas más frecuentes sobre GitHub Copilot.

Introducción a GitHub Copilot en Visual Studio.

Uso de fragmentos de código

Visual Studio proporciona fragmentos de código útiles que puede usar para generar rápidamente bloques de código usados con frecuencia. Los fragmentos de código están disponibles para varios lenguajes de programación, como C#, Visual Basic y C++.

Ahora agregue el fragmento de código de C# void Main al archivo.

Coloque el cursor justo encima de la llave de cierre final } en el archivo y escriba los caracteres svm. (svm significa static void Main; el método Main() es el punto de entrada para las aplicaciones de C#).

Aparece un cuadro de diálogo emergente con información sobre el fragmento de código svm.
Presione pestaña dos veces para insertar el fragmento de código.

Verá que la firma del método static void Main() se agrega al archivo.

Los fragmentos de código disponibles varían para diferentes lenguajes de programación. Para ver los fragmentos de código disponibles para el idioma, elija Editar>IntelliSense>Insertar fragmento de códigoy, a continuación, elija la carpeta del idioma. En C#, la lista tiene el siguiente aspecto:

Captura de pantalla de un elemento emergente de IntelliSense de una lista de fragmentos de código de C#.

Coloque el cursor justo encima de la última llave de cierre } en el archivo y escriba los caracteres svm.

Aparece un cuadro de diálogo emergente con información sobre el fragmento de código svm.
Seleccione la tecla tab dos veces para insertar el fragmento de código.

Verá que la firma del método static void Main() se agrega al archivo. El método Main() es el punto de entrada para las aplicaciones de C#.

Los fragmentos de código disponibles varían según el lenguaje de programación. Para ver los fragmentos de código disponibles para el lenguaje, vaya a Editar>IntelliSense>Insertar fragmento o seleccione las teclas Ctrl+K, Ctrl+X teclas y, a continuación, la carpeta del lenguaje de programación. En C#, la lista de fragmentos de código tiene este aspecto:

Captura de pantalla de un elemento emergente de IntelliSense de una lista de fragmentos de código de C#.

La lista incluye fragmentos de código para crear una clase, un constructor, un bucle for, una instrucción if o switch, etc.

Marcar código como comentario

La barra de herramientas, que es la fila de botones debajo de la barra de menús de Visual Studio, puede ayudarle a ser más productivo a medida que se codifica. Por ejemplo, puede alternar el modo de finalización de IntelliSense (IntelliSense es una ayuda de codificación que muestra una lista de métodos coincidentes, entre otras cosas), aumentar o reducir una sangría de línea o comentar el código que no quiere compilar. En esta sección, comentaremos algún código.

Captura de pantalla de la barra de herramientas editor en Visual Studio.

Pegue el código siguiente en el cuerpo del método Main().

// _words is a string array that we'll sort alphabetically
string[] _words = {
    "the",
    "quick",
    "brown",
    "fox",
    "jumps"
};

string[] morewords = {
    "over",
    "the",
    "lazy",
    "dog"
};

IEnumerable<string> query = from word in _words
                            orderby word.Length
                            select word;

No usamos la variable morewords, pero podemos usarla más adelante, por lo que no queremos eliminarla por completo. En su lugar, lo que haremos será convertir esas líneas en comentarios. Seleccione toda la definición de morewords hasta el punto y coma final, y luego haga clic en el botón Marcar como comentario las líneas seleccionadas en la barra de herramientas. Si prefiere usar el teclado, presione Ctrl+K, Ctrl+C.

Los caracteres de comentario de C# // se agregan al principio de cada línea seleccionada para comentar el código.

La barra de herramientas editor de texto, la fila de botones debajo de la barra de menús de Visual Studio, le ayuda a ser más productivo a medida que se codifica. Por ejemplo, puede activar o desactivar el modo de finalización de IntelliSense, aumentar o reducir una sangría o marcar como comentario código que no se quiere compilar.

Captura de pantalla de la barra de herramientas del Editor de texto en Visual Studio 2022.

Vamos a convertir en comentario algo de código.

Pegue el código siguiente en el cuerpo del método Main().

// someWords is a string array.
string[] someWords = {
    "the",
    "quick",
    "brown",
    "fox",
    "jumps"
};

string[] moreWords = {
    "over",
    "the",
    "lazy",
    "dog"
};

// Alphabetically sort the words.
IEnumerable<string> query = from word in someWords
                            orderby word
                            select word;

La moreWords variable no se está usando actualmente, pero puede usarla más adelante, por lo que, en lugar de eliminarla, puede comentar esas líneas. Seleccione toda la definición de moreWords hasta el punto y coma de cierre, y a continuación, haga clic en el botón Comentar las líneas seleccionadas en la barra de herramientas del Editor de texto o seleccione Ctrl+K, Ctrl+C.

Los caracteres de comentario de C# // se agregan al principio de cada línea seleccionada para comentar el código.

Para descomentar líneas, puede seleccionarlas y, a continuación, seleccionar el botón Descomentar las líneas seleccionadas en la barra de herramientas del editor de texto, o seleccionar Ctrl + +, Ctrl + U.

Contraer bloques de código

Como no queremos ver el constructor vacío que se generó para Class1, vamos a contraerlo para despejar la vista del código. Seleccione el pequeño cuadro gris con el signo menos que se ve en el margen de la primera línea del constructor. O bien, si prefiere usar el teclado, coloque el cursor en cualquier lugar del código del constructor y presione Ctrl+M, Ctrl+M.

El bloque de código se reduce a solo la primera línea, seguida por puntos suspensivos (...). Para volver a expandir el bloque de código, haga clic en el mismo cuadro gris que ahora tiene un signo más o presione Ctrl+M, Ctrl+M de nuevo. Esta característica se denomina Esquematización y es especialmente útil cuando se contraen métodos muy largos o clases enteras.

Si no quiere ver el constructor vacío que se generó para Class1, puede contraerlo para despejar la vista del código. Seleccione el signo de intercalación en el margen de la primera línea del constructor. O bien, si prefiere usar el teclado, coloque el cursor en cualquier lugar del código del constructor y seleccione las teclas Ctrl +M, Ctrl+M.

El bloque de código se reduce a solo la primera línea, seguida por puntos suspensivos (...). Para volver a expandir el bloque de código, seleccione el signo de intercalación (>) o presione Ctrl+M, Ctrl+M de nuevo. Esta característica se denomina Esquematización y es especialmente útil cuando se contraen métodos muy largos o clases enteras.

Ver definiciones de símbolos

El editor de Visual Studio facilita la inspección de la definición de un tipo, método, etc. Una manera es navegar al archivo que contiene la definición, por ejemplo, eligiendo Ir a definición en cualquier lugar al que se haga referencia al símbolo. Otra más rápida aún (y que no desplaza el enfoque del archivo en el que está trabajando) es usar Ver la definición. Echemos un vistazo a la definición del tipo string.

Haga clic con el botón derecho en cualquier instancia de string y elija Ver la definición en el menú de contenido. O bien, presione Alt+F12.

Aparece una ventana emergente con la definición de la clase String. Puede desplazarse dentro de la ventana emergente o incluso ver la definición de otro tipo desde el código inspeccionado.
Cierre la ventana de definición visualizada seleccionando el cuadro pequeño con una "x" en la esquina superior derecha de la ventana emergente.

El editor de Visual Studio facilita la inspección de la definición de un tipo, método o variable. Una manera es ir a la definición, en cualquier archivo que lo tenga, eligiendo Ir a definición o seleccionando la clave F12 en cualquier lugar al que se haga referencia a un símbolo. Otra forma aún más rápida (y que no desplaza el foco del código en el que está trabajando) es usar Ver la definición.

Echemos un vistazo a la definición del tipo string.

Haga clic con el botón derecho en cualquier instancia de string y elija Ver la definición en el menú de contenido. O bien, seleccione las claves deAlt+ F12.

Aparece una ventana emergente con la definición de la clase String. Puede desplazarse dentro de la ventana emergente o incluso ver la definición de otro tipo desde el código inspeccionado.
Cierre la ventana de vista previa de la definición seleccionando el pequeño cuadro con una "x" en la parte superior derecha de la ventana emergente.

Uso de IntelliSense para completar palabras

IntelliSense es un recurso invaluable cuando programas. Puede mostrar información sobre los miembros disponibles de un tipo o detalles de parámetros para diferentes sobrecargas de un método. También puede usar IntelliSense para completar una palabra después de escribir suficientes caracteres para eliminar la ambigüedad. Vamos a agregar una línea de código para imprimir las cadenas ordenadas en la ventana de la consola, que es el lugar estándar para la salida del programa.

Debajo de la variable query, empiece a escribir el código siguiente:
```
foreach (string str in qu
```
Verá cómo IntelliSense muestra Información rápida sobre el símbolo query.
Para insertar el resto de la palabra query mediante la funcionalidad de finalización de palabras de IntelliSense, pulsa Tabulador.
Finalice el bloque de código para que tenga un aspecto similar al código siguiente. Incluso puede practicar el uso de fragmentos de código de nuevo escribiendo cw y presionando Tab dos veces para generar el código de Console.WriteLine.
```
foreach (string str in query)
{
   Console.WriteLine(str);
}
```

Vamos a agregar una línea de código para imprimir las cadenas ordenadas en la ventana de la consola, que es el lugar estándar para la salida del programa.

Debajo de la variable query, empiece a escribir el código siguiente:
```
foreach (string str in qu
```
Verá que aparece una ventana emergente de IntelliSense con información sobre el símbolo query.

Si ha iniciado sesión con una cuenta de GitHub que tiene una suscripción a Copilot, también verá que las sugerencias de código aparecen en texto gris.
Para insertar el resto de la palabra query con la finalización de palabras de IntelliSense, seleccione la tecla TAB.
Finalice el bloque de código para que tenga un aspecto similar al código siguiente. Puede practicar más con fragmentos de código escribiendo cw y seleccionando Tab dos veces para generar la instrucción Console.WriteLine.
```
foreach (string str in query)
{
   Console.WriteLine(str);
}
```

Refactorizar un nombre

Nadie obtiene código justo la primera vez, y una de las cosas que podría tener que cambiar es el nombre de una variable o método. Vamos a probar la funcionalidad de refactorización de de Visual Studio para cambiar el nombre de la variable _words a words.

Coloque el cursor sobre la definición de la variable _words y elija Cambiar nombre en el menú contextual o haga clic con el botón derecho, o presione Ctrl+R, Ctrl+R.

Aparece un cuadro de diálogo emergente Cambiar nombre en la parte superior derecha del editor.
Escriba el nombre deseado, words. Observe que la referencia a words de la consulta también se cambia automáticamente. Antes de presionar ENTRAR, active la casilla Incluir comentarios del cuadro emergente Cambiar nombre.
Presione ENTRAR.

Ambas instancias de words han cambiado de nombre, así como la referencia a words en el comentario de código.

Coloque el cursor sobre la definición de la variable someWords y elija Cambiar nombre, haciendo clic con el botón derecho o en el menú contextual, o seleccione la tecla F2.

Aparece un cuadro de diálogo Cambiar nombre en la esquina superior derecha del editor.
Escriba el nombre deseado, unsortedWords. Verá que la referencia a unsortedWords en la instrucción de asignación query también cambia de nombre automáticamente. Antes de pulsar la tecla Intro, seleccione la casilla Incluir comentarios en el cuadro emergente Cambiar nombre.
Presione la tecla Entrar.

Ambas instancias de someWords en el código han cambiado de nombre, así como el texto someWords en el comentario de código.

Pasos siguientes

Obtener información sobre proyectos y soluciones

Consulte también

Comentarios

¿Le ha resultado útil esta página?

Last updated on 2025-08-07