Skip to main content
Publicamos actualizaciones para la documentación con frecuencia y es posible que aún se esté traduciendo esta página. Para obtener la información más reciente, consulta la documentación en inglés.

Navegación de archivos con la nueva vista de código (beta)

Con la nueva vista de código (beta), puedes ver el código en contexto con un árbol de archivos fácilmente navegable y una búsqueda de símbolos integrada.

Nota: La nueva búsqueda de código y vista de código están disponibles en una versión beta de acceso público limitado. Para unirte a la lista de espera para acceder, visita https://github.com/features/code-search-code-view/signup.

Para obtener más información sobre la nueva búsqueda de código, consulta "Acerca de GitHub Code Search (versión beta)".

Acerca de la nueva vista de código (beta)

La nueva vista de código beta mejora la navegación con una vista de árbol de archivos, simplifica la edición de archivos, presenta un panel de símbolos para la búsqueda y navegación de símbolos, y actualiza la vista del último responsable para mantener el contexto del archivo. La nueva vista de código se integra con un nuevo motor y una nueva interfaz de búsqueda de código en una versión beta de acceso público limitado en GitHub.com. Para obtener más información sobre la nueva búsqueda de código, consulta "Acerca de GitHub Code Search (versión beta)".

Para obtener acceso a la nueva vista de código (beta), así como a la nueva búsqueda de código, puedes registrarte en la lista de espera.

Para proporcionar comentarios sobre la nueva versión beta de la vista de código, visita el foro de debate.

Habilitación y deshabilitación de la nueva búsqueda de código y la nueva vista de código (beta)

Recibirás un correo electrónico cuando se te acepte en la lista de espera para unirte a la versión beta. Una vez concedido acceso, la nueva búsqueda de código y la vista de código beta se habilitarán automáticamente en tu cuenta.

Puedes deshabilitar o habilitar la versión beta en el GitHub.com en cualquier momento. Ten en cuenta que esta configuración se aplica tanto a la búsqueda de código como a la vista de código.

  1. En la esquina superior derecha de cualquier página, haga clic en la foto de perfil y luego en Vista previa de la característica. Botón Vista previa de la característica
  2. A la derecha de "Nueva búsqueda de código y vista de código (beta)", haz clic en Habilitar o deshabilitar.

Uso de la vista de árbol de archivos

La nueva vista de árbol de archivos es un panel que muestra los directorios y archivos de un repositorio dentro de un árbol de fácil navegación. Puedes navegar entre directorios y archivos rápidamente y comprender el contexto de cada elemento que ves.

  1. Selecciona un repositorio y, después, haz clic en uno de los directorios o archivos que contiene para abrir la vista de árbol de archivos.

    Captura de pantalla del repositorio "github/docs" con énfasis en la vista de árbol de archivos

  2. Para buscar un directorio o archivo específico, haz clic en la barra de búsqueda Ir a archivo, escribe el nombre del directorio o del archivo y selecciona el directorio o el archivo en cuestión en los resultados. Puedes ver la ruta de acceso de un directorio o archivo debajo de cada resultado de búsqueda.

    Captura de pantalla de la vista de árbol de archivos con énfasis en la barra de búsqueda "Ir a archivo"

    • Para buscar en el repositorio mediante la barra de búsqueda de GitHub, haz clic en .

      Captura de pantalla de la vista de árbol de archivos con énfasis en el icono de búsqueda

  3. Para cambiar de rama, selecciona el menú desplegable de ramas y haz clic en la rama que quieras en los resultados. Para ver todas las ramas de un repositorio, haz clic en Ver todas las ramas.

    Captura de pantalla de la vista de árbol de archivos con énfasis en la pestaña "Ramas" del menú desplegable de ramas

  4. Para cambiar de etiqueta, selecciona el menú desplegable de ramas , haz clic en la pestaña Etiquetas y, luego, haz clic en la etiqueta que quieras en los resultados. Para ver todas las etiquetas de un repositorio, haz clic en Ver todas las etiquetas.

    Captura de pantalla de la vista de árbol de archivos con énfasis en la pestaña "Etiquetas" del menú desplegable de ramas

Trabajar con archivos

La nueva vista de código también incluye actualizaciones en la manera en que trabajas con los archivos. Se han simplificado las funcionalidades existentes, como la edición de archivos, la creación o la carga de archivos, y la eliminación de archivos o directorios. Ahora tienes acceso rápido a la edición de archivos en github.dev o GitHub Desktop y una función integrada de búsqueda dentro de los archivos.

  1. Selecciona un repositorio y haz clic en uno de los archivos que contiene para abrir la nueva vista de código.

    Captura de pantalla del repositorio "github/docs" con énfasis en un archivo seleccionado en la vista de árbol de archivos

  2. Para editar un archivo en el editor de archivos integrado, haz clic en .

    Captura de pantalla del editor de archivos en la nueva vista de código con énfasis en el icono de edición

  3. Para editar un archivo en el github.dev editor basado en web o en GitHub Desktop, selecciona junto a y haz clic en github.dev o en GitHub Desktop .

    Nota: El editor de github.dev se encuentra actualmente en versión preliminar beta. Puedes proporcionar comentarios en nuestros debates.

    Captura de pantalla del editor de archivos en la nueva vista de código con énfasis en el menú desplegable de edición

  4. Para buscar caracteres específicos dentro de un archivo, haz clic en el botón Código para ver el código sin formato del archivo. Después, presiona Comando+F (Mac) o Ctrl+F (Windows/Linux) y escribe los caracteres que quieres buscar. Puedes navegar entre los resultados presionando la tecla Retorno (Mac) o Entrar (Windows/Linux) o haciendo clic en y .

    Nota: Para usar la función de búsqueda predeterminada del explorador, presiona Comando+F (Mac) o Ctrl+F (Windows/Linux) dos veces. Ten en cuenta que la función de búsqueda predeterminada del explorador no te permite buscar en todo el contenido en archivos grandes, a diferencia de la búsqueda integrada en la nueva vista de código.

    Captura de pantalla de la función "Buscar en el archivo" en la nueva vista de código

  5. Para agregar un nuevo archivo a un directorio específico, haz clic en ese directorio y, después, haz clic en Nuevo archivo, o bien en el icono en la vista de árbol de archivos.

    Captura de pantalla de la vista de árbol de archivos con énfasis en el icono del signo más

  6. Para eliminar un directorio o un archivo, navega hasta él y haz clic en . Después, haz clic en Eliminar directorio o Eliminar archivo.

    Captura de pantalla del menú de opciones en la nueva vista de código con énfasis en la opción "Eliminar directorio"

  7. Para cargar un archivo, ve al directorio elegido y haz clic en Cargar archivos, o bien arrastra y coloca el archivo en el explorador.

    Captura de pantalla del botón "Cargar archivos" en la nueva vista de código

Uso del panel de símbolos

Ahora puedes ver y navegar rápidamente entre símbolos, como funciones o clases, en tu código con el panel de símbolos. Puedes buscar un símbolo en un único archivo, en todos los archivos de un repositorio o incluso en todos los repositorios públicos de GitHub.

La búsqueda de símbolos es una característica de la nueva búsqueda de código (beta). Para obtener más información, consulta "Descripción de la sintaxis de la búsqueda de código de GitHub (beta)".

  1. Selecciona un repositorio y navega a un archivo que contenga símbolos.

  2. Para abrir el panel de símbolos, haz clic en .

    Captura de pantalla del icono del panel símbolos en la nueva vista de código

    De forma alternativa, puedes abrir el panel de símbolos haciendo clic en un símbolo reconocido en el archivo. Los símbolos en los que se puede hacer clic se resaltan en amarillo al pasar el puntero sobre ellos.

    Captura de pantalla de un archivo en la nueva vista de código con énfasis en un símbolo en el que se puede hacer clic

  3. Haz clic en el símbolo que quieres buscar en el panel de símbolos o en el propio archivo.

    Captura de pantalla del panel de símbolos con énfasis en un símbolo rellenado automáticamente

    • Para buscar un símbolo en todo el repositorio, haz clic en Buscar este símbolo en este repositorio. Para buscar un símbolo en todos los repositorios de GitHub, haz clic en todos los repositorios.

      Captura de pantalla del panel de símbolos con énfasis en las opciones para ampliar el ámbito de búsqueda de un símbolo

  4. Para navegar entre las referencias a un símbolo, haz clic en o .

    Captura de pantalla del panel de símbolos con énfasis en los botones de navegación por la búsqueda

  5. Para navegar a una referencia específica a un símbolo, haz clic en uno de los resultados de la búsqueda que aparece en En este archivo.

    Captura de pantalla del panel de símbolos con énfasis en un resultado de la búsqueda de símbolos

  6. Para salir de la búsqueda de un símbolo específico, haz clic en Todos los símbolos.

    Captura de pantalla del panel de símbolos con énfasis en el botón "Todos los símbolos"

Uso de la vista de último responsable

En lugar de perder el contexto del archivo al acceder a la vista de último responsable, ahora puedes usar la nueva vista de código para alternar rápidamente entre la vista de último responsable, la vista de código sin formato y la vista previa de un archivo (según el tipo de archivo).

  1. Selecciona un repositorio y haz clic en uno de los archivos que contiene para abrir la nueva vista de código.

    Captura de pantalla del repositorio "github/docs" con énfasis en un archivo seleccionado en la vista de árbol de archivos

  2. Para ver el historial de revisiones del archivo, haz clic en Último responsable. Esta vista muestra un historial de revisiones línea a línea, con el código del archivo separado por confirmaciones. Se indica el autor, la descripción y la fecha de cada confirmación.

    Captura de pantalla de la nueva vista de código con énfasis en el botón "Último responsable"

    • Para ver las versiones de un archivo antes de una confirmación concreta, haz clic en .

      Captura de pantalla de una confirmación en la vista de último responsable con énfasis en el icono de versiones

    • Para ver más detalles sobre una confirmación en concreto, haz clic en su descripción.

      Captura de pantalla de una confirmación en la vista de último responsable con énfasis en la descripción de la confirmación

  3. Para volver a la vista de código sin formato, haz clic en Código.

    Captura de pantalla de la barra de herramientas de la vista de código con énfasis en el botón Código

    • Si estás viendo un archivo Markdown, también puedes hacer clic en Vista previa para volver a la vista con el formato de Markdown aplicado.

      Captura de pantalla de la barra de herramientas de la vista de código con énfasis en el botón de vista previa de Markdown

Información adicional