Compartir a través de

Aprenda a usar el editor de código con C#

En esta introducción de 10 minutos al editor de código en Visual Studio, agregaremos código a un archivo para ver algunas de las formas en que Visual Studio facilita la escritura, navegación y comprensión del código de C#.

Si aún no ha instalado Visual Studio, vaya a la página de descargas de Visual Studio para instalarlo gratis.

En este artículo se da por supuesto que ya está familiarizado con C#. Si no lo está, le sugerimos que examine primero un tutorial como Introducción a C# y ASP.NET Core en Visual Studio .

Sugerencia

Para seguir este artículo, asegúrese de que tiene seleccionada la configuración de C# para Visual Studio. Para obtener información sobre cómo seleccionar la configuración para el entorno de desarrollo integrado (IDE), consulte Seleccionar la configuración del entorno.

Creación de un nuevo archivo de código

Empiece por crear un nuevo archivo y agregarle código.

  1. Abre Visual Studio. Presione Esc o elija Continuar sin código en la ventana de inicio para abrir el entorno de desarrollo.

  2. En el menú Archivo de la barra de menús, elija Nuevo>archivo o presione Ctrl+N.

  3. En el cuadro de diálogo Nuevo archivo , en la categoría General , elija Clase de Visual C# y, a continuación, elija Abrir.

    Se abre un nuevo archivo en el editor con el esqueleto de una clase de C#. 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.

    Captura de pantalla de un archivo de código de C# en Visual Studio 2022.

Uso de fragmentos de código

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

Vamos a agregar el fragmento de código de C# void Main a nuestro archivo.

  1. Coloque el cursor justo encima de la última llave de cierre } en el archivo y escriba los caracteres svm. svm static void Mainsignifica : no se preocupe si aún no sabe lo que significa eso.

    Aparece un cuadro de diálogo emergente con información sobre el fragmento de svm código.

    Captura de pantalla de un elemento emergente de IntelliSense para un fragmento de código en Visual Studio 2022.

  2. Presione Tab dos veces para insertar el fragmento de código.

    Verá que la firma del static void Main() método 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 para diferentes lenguajes de programación. Para ver los fragmentos de código disponibles para su lenguaje, elija Editar>IntelliSense>Insertar Fragmento o presione Ctrl+K, Ctrl+X, y luego elija la carpeta para su 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 para 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.

Comentario del código

La barra de herramientas, que es 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 alternar el modo de finalización de IntelliSense, aumentar o disminuir la sangría de una línea o comentar el código que no desee compilar.

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

Vamos a comentar partes del código.

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

    // 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;

  2. No estamos usando la moreWords variable , pero es posible que lo usemos más adelante, por lo que no queremos eliminarla. En su lugar, comentaremos esas líneas. Seleccione toda la definición de moreWords hasta el punto y coma de cierre y, a continuación, elija el botón Comentar las líneas seleccionadas en la barra de herramientas. Si prefiere usar el teclado, presione Ctrl+E, Ctrl+C.

    Captura de pantalla del botón Comentar en la barra de herramientas editor de texto de Visual Studio 2022.

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

Contraer bloques de código

No queremos ver el constructor vacío que se generó para Class1, por lo que para despejar nuestra vista del código, vamos a colapsarlo. Elija el cuadro gris pequeño con el signo menos dentro de él 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.

Captura de pantalla del botón para contraer el esquema en la barra de herramientas del Editor de texto de Visual Studio 2022.

El bloque de código se contrae hasta solo dejar la primera línea, seguida de puntos suspensivos (...). Para volver a expandir el bloque de código, seleccione 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 largos o clases completas.

Ver definiciones de símbolos

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, seleccionando Ir a definición o presionando F12 en cualquier lugar al que se haga referencia a un símbolo. Una manera aún más rápida de no alejar el foco del código en el que está trabajando es usar Peek Definition.

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

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

    Aparece una ventana emergente con la definición de la String clase . Puede desplazarse dentro de la ventana emergente o incluso echar un vistazo a la definición de otro tipo desde la vista rápida del código.

    Captura de pantalla de la ventana Ver la definición en Visual Studio 2022.

  2. Cierre la ventana de vista previa de la definición eligiendo la caja pequeña con una "x" en la esquina superior derecha de la ventana emergente.

Uso de IntelliSense para completar palabras

IntelliSense es un recurso inestimable al codificar. 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 donde se muestra la salida del programa.

  1. Debajo de la query variable, 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.

    Captura de pantalla de un elemento emergente de finalización de palabras de IntelliSense en Visual Studio 2022.

  2. Para insertar el resto de la palabra query mediante la finalización de palabras de IntelliSense, presione tab.

  3. Finalice el bloque de código para que tenga un aspecto similar al código siguiente. Para practicar más con fragmentos de código, escriba cw y presione Tab dos veces para generar la Console.WriteLine instrucción .

    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 Visual Studio para cambiar el nombre de la someWords variable a unsortedWords.

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

    Aparece un cuadro de diálogo Cambiar nombre en la parte superior derecha del editor.

    Captura de pantalla del cuadro emergente Cambiar nombre en el editor de Visual Studio 2022.

  2. Escriba el nombre deseado unsortedWords. Verá que la referencia a unsortedWords en la instrucción de asignación query también se renombra automáticamente. Antes de presionar Entrar, active la casilla Incluir comentarios en el cuadro emergente Cambiar nombre .

    Captura de pantalla del cuadro emergente Cambiar nombre en Visual Studio 2022.

  3. Presione Entrar o elija Aplicar en el cuadro de diálogo Cambiar nombre .

    Se ha cambiado el nombre de ambas apariciones de someWords en el código, así como el texto someWords del comentario de código.

Pasos siguientes

Obtener información sobre proyectos y soluciones

Consulte también

  • Last updated on