Como desarrollador, seguro que te encanta navegar por el sitio web de GitHub. Pero, ¿sabías que hay un montón de características mágicas ocultas que nos ayudan a usarlo mejor?
Usa la tecla "t" para buscar archivos rápidamente
Mis buenos amigos, esta es una característica genial que sólo unos pocos conocen.
Cuando quieras ver el contenido de un archivo, puedes pulsar la tecla "T", Luego introduce el nombre del archivo, puedes saltar directamente al archivo de destino.
Pasos:
- Abre https://github.com/lodash/lodash (Cualquier proyecto en GitHub)
- Pulsa la tecla "T
- Introduce
add.test.js(Cualquier nombre de archivo que quieras buscar) - Haz clic para saltar a ver el contenido del archivo
Antes de continuar, si deseas aprender mucho más a fondo acerca de Git, te dejo esté video que te servirá bien sea de aprendizaje o de repaso.
3 formas de ver el código con un editor "VSCode" en línea
Aunque usar la tecla "T" nos permite buscar archivos rápidamente, se vuelve ineficiente cuando quieres ver todo el código del proyecto.
Voy a compartir contigo tres formas de ver el código online, igual que en tu editor "VSCode". La tercera es mi forma favorita, estoy seguro de que te gustará.
Método 1: Utilice la tecla de acceso directo ".
Tienes que pulsar la tecla "." para disfrutar de la navegación por el editor online de VSCode.
Pasos
- Abre https://github.com/vuejs/vue (Cualquier proyecto en GitHub)
- Pulsa la tecla ".
- Entonces serás redirigido a https://github.dev/vuejs/vue
Disfrútalo...
Método 2: Utiliza "github1s.com
Cuando veas tu proyecto favorito en GitHub, tienes que cambiar "github" por "github1s" para conseguir el mismo efecto que con el método 1.
Pasos:
- Abre https://github.com/vuejs/vue (Cualquier proyecto en GitHub)
- Modifica https://github.com/vuejs/vue a https://github1s.com/vuejs/vue
Disfrútalo...
Método 3: Usar el "gitpod.com/#xxx"
La tercera forma es increíble, incluso puedes ejecutar código Node.js directamente en línea, me gusta mucho.
Es muy fácil de usar, sólo tienes que añadir gitpod.com/# antes del enlace GitHub.
Pasos:
- Abre https://github.com/qianlongo/fe-handwriting (Cualquier proyecto en GitHub)
- Añade gitpod.com/# antes del https://github.com/qianlongo/fe-handwriting
Disfrútalo...
Enlace a una sola línea de código
A veces quieres enlazar a una línea específica de código. Como en la imagen de abajo.
¿Qué debes hacer？
Pasos:
- Abre https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js(Cualquier proyecto en GitHub)
- Haz clic en el número de línea de la izquierda
- Copia el enlace（https://github.com/qianlongo/fehandwriting/blob/master/17.quick-sort.js#L8）
Seguro que te has fijado en la "L8" después de nuestro enlace. Sí, así es, puedes enlazar al código que quieras modificando "L" + número de línea.
Enlace a código multilínea
Ya que podemos enlazar con una sola línea de código, ¿podemos enlazar con varias líneas?
La respuesta es determinable.
Pasos:
- Abre https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js(Cualquier proyecto en GitHub).
- Mantén pulsada la tecla
"shift"y haz clic en el número de línea de la izquierda. - Copiar Link（https://github.com/qianlongo/fehandwriting/blob/master/17.quick-sort.js#L8-L24）.
Saltar al lugar donde se define la función
¿Cómo enlazar rápidamente al lugar donde se define la función?
Te recomiendo un plugin para Chrome, se llama sourcegraph.
Cuando se instala el plugin, aparece un botón cuando se coloca el ratón donde se utiliza la función. Haz clic para enlazar con el lugar donde está definida.
Ver una lista de atajos de teclado
GitHub proporciona un montón de teclas de acceso rápido para ayudarnos a leer el código, pero recordarlas no es cosa fácil, por suerte puedes usar "Mayúsculas" + "?" para que aparezca una lista de atajos.
Por último 👏🏻
Gracias por leernos. Espero que nos sigas y leas más artículos de gran calidad.