Confirme el fragmento seleccionado, no todo el archivo

• Elija alcance de archivo, fragmento o línea para una confirmación específica.
• Seleccione ambas líneas eliminadas/agregadas para un reemplazo.
• Lea el índice y los contenidos de trabajo de forma independiente.
• Conserve la edición del radio no comprometido para la lección 8.

Comienza donde terminó la lección 6: el principal original tiene dos confirmaciones, la lección ejecutable 6 entradas y ningún control remoto. Limpieza de trabajo/índice; puede existir dist ignorado. El vídeo se grabó con Git 2.52.0 y GitTree 2.0 en Ubuntu 24.04: ambas ediciones se guardaron en el propio editor de GitTree, el trozo y las líneas se prepararon y la confirmación se realizó en la aplicación, y las comprobaciones del terminal se ejecutaron con lo que creó la aplicación o con copias separadas. Los controles del trozo y de la línea se operaban de verdad; la ruta del parche nativo se ejecutó en una copia separada. No se ejecutó nada en macOS o Windows, y Ubuntu es el único sistema Linux registrado. El mínimo de Git fuente de GitTree es 2.39.0. Una vez que haya iniciado sesión, el trabajo local estará en el plan gratuito.

Un expediente puede contener varias decisiones independientes. Un trozo agrupa cambios textuales cercanos, no necesariamente una intención comercial. Seleccionar un reemplazo requiere que se elimine la línea anterior and y se agregue la nueva línea; elegir solo la adición puede crear un parche diferente.

El índice describe un árbol siguiente completo, incluso cuando selecciona solo unas pocas líneas modificadas. Aquí HEAD tiene CSS-01, el índice se convierte en CSS-02-INDEX y el CSS funcional permanece CSS-02-WORKING. Guardar ediciones cambia los bytes de trabajo; Stage Lines cambia el índice; la confirmación normal se mueve principal pero no sobrescribe el radio restante. No hay cambios de árbitros remotos. Preparación parcial nativa y aplicación de parche utilizan las mismas distinciones de contenido.

Reemplace index.html con HTML-02-HEADLINE y trabajando estilos.css con CSS-02-WORKING. CSS-02-INDEX a continuación es target index, no un cuerpo con el que sobrescribir el archivo de trabajo.

index.html — HTML-02-TÍTULO

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>GitTree Features — course demo</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header class="site-header">
    <a href="#main">GitTree Features</a>
  </header>
  <main id="main">
    <section class="hero" aria-labelledby="hero-title">
      <p class="eyebrow">GitTree Learn demo project</p>
      <h1 id="hero-title">See your work clearly.</h1>
      <p id="hero-copy">Choose one change, then check what Git saved.</p>
    </section>
    <section class="features" aria-labelledby="features-title">
      <h2 id="features-title">Follow your work</h2>
      <div class="cards">
        <article class="feature-card">
          <h3>History</h3>
          <p>Read commits and branches together.</p>
        </article>
        <article class="feature-card">
          <h3>Changes</h3>
          <p>Review the exact content selected for a commit.</p>
        </article>
        <article class="feature-card">
          <h3>Recovery</h3>
          <p>Inspect the scope of a recovery point before using it.</p>
        </article>
      </div>
    </section>
  </main>
  <footer><p>Built by a fictional team for GitTree Learn.</p></footer>
  <script type="module" src="site.js"></script>
</body>
</html>

estilos.css — CSS-02-ÍNDICE

:root {
  color-scheme: light;
  --page: #f7f8fa;
  --surface: #ffffff;
  --text: #17212e;
  --link: #154ab5;
  --line: #bac4d0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--page);
  color: var(--text);
  font: 1rem/1.6 system-ui, sans-serif;
}

a {
  color: var(--link);
}

.site-header,
main,
footer {
  width: min(68rem, 100% - 2rem);
  margin-inline: auto;
}

.site-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 1rem;
}

.hero {
  max-width: 48rem;
  padding-block: 3rem;
}

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.2;
}

.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
  gap: 1rem;
}

.feature-card {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  background: var(--surface);
}

section {
  margin-block-end: 2rem;
}

button,
input {
  font: inherit;
}

button,
input {
  padding: 0.5rem 0.75rem;
}

:focus-visible {
  outline: 3px solid var(--link);
  outline-offset: 3px;
}

form {
  display: grid;
  max-width: 28rem;
  gap: 0.5rem;
}

estilos.css — CSS-02-TRABAJANDO

:root {
  color-scheme: light;
  --page: #f7f8fa;
  --surface: #ffffff;
  --text: #17212e;
  --link: #154ab5;
  --line: #bac4d0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--page);
  color: var(--text);
  font: 1rem/1.6 system-ui, sans-serif;
}

a {
  color: var(--link);
}

.site-header,
main,
footer {
  width: min(68rem, 100% - 2rem);
  margin-inline: auto;
}

.site-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 1rem;
}

.hero {
  max-width: 48rem;
  padding-block: 3rem;
}

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.2;
}

.cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
  gap: 1rem;
}

.feature-card {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 0.75rem;
  background: var(--surface);
}

section {
  margin-block-end: 2rem;
}

button,
input {
  font: inherit;
}

button,
input {
  padding: 0.5rem 0.75rem;
}

:focus-visible {
  outline: 3px solid var(--link);
  outline-offset: 3px;
}

form {
  display: grid;
  max-width: 28rem;
  gap: 0.5rem;
}

1. En Show Files (Comando/Ctrl+Shift+E), enfoque cada archivo existente y presione Enter; pegue el cuerpo de trabajo indicado, luego Save o Comando/Ctrl+S. No pegue el destino del índice sobre CSS en funcionamiento.
2. Back to Graph → Paleta de comandos… (Comando/Ctrl+Mayús+P) → Show Working Changes. Haga clic en index.html debajo de Unstaged Files.
3. Elija Hunk en la vista Diff (paleta Show Diff as Hunks). En el reemplazo del título, elija Stage Hunk. Espere solo ese cambio completo de título en Staged Files. El archivo completo Stage File sería equivalente solo porque este HTML no tiene otra edición.
4. Haga clic en estilos.css en Archivos no preparados. Mantenga Ignore whitespace apagado. Encuentre el reemplazo de ancho máximo en la línea 41: 44rem → 48rem.
5. Seleccione la casilla de verificación para la línea max-width: 44rem; eliminada y la línea max-width: 48rem; agregada. Sus nombres accesibles incluyen signo, número de línea y texto. Active Stage Lines en la barra de herramientas de selección. No elija el par de radios en la línea 59.
6. Alternativa en una repetición separada: Stage Hunk solo en el trozo de ancho máximo da el mismo objetivo aquí. Split/palette Show Diff Side by Side coloca las celdas eliminadas/agregadas en sus lados nuevos/antiguos adecuados; Ambos tienen sus propios controles de selección. Regresa con Hunk para la toma principal.
7. Haga clic en estilos preparados.css: solo debe cambiar el ancho máximo. Haga clic en estilos.css no preparados: solo queda el radio. Utilice Clear para borrar una selección, no para descartar contenido. Si preparó demasiado, seleccione el fragmento en etapa relevante y Unstage Hunk o elija ambas líneas de reemplazo en etapa y Unstage Lines, luego vuelva a verificar.
8. Ingrese Resumen feat: refine the hero and card spacing, todas las opciones normales desactivadas y Commit Changes to 2 Files (o Comando/Ctrl+Intro una vez). Verifique la confirmación parcial y conserve el radio no preparado.
9. No utilice Stage All Changes, descarte ni realice una confirmación de limpieza. La lección 8 posee deliberadamente el compromiso de radio.

Una selección obsoleta está ligada a la huella digital de la diferencia; vuelva a cargar después de cualquier edición externa en lugar de aplicar un parche destinado a bytes antiguos. Si la ocultación de espacios en blanco elimina la elegibilidad para la selección de líneas, lea el motivo y restaure la diferencia completa en lugar de fingir que se realizó la elección.

Después de guardar ambas ediciones:

git diff -- styles.css

Diferencia de trabajo completa observada:

diff --git a/styles.css b/styles.css
index d443c7e..6382365 100644
--- a/styles.css
+++ b/styles.css
@@ -38,7 +38,7 @@ footer {
 }
 
 .hero {
-  max-width: 44rem;
+  max-width: 48rem;
   padding-block: 3rem;
 }
 
@@ -56,7 +56,7 @@ h1 {
 .feature-card {
   padding: 1rem;
   border: 1px solid var(--line);
-  border-radius: 0.5rem;
+  border-radius: 0.75rem;
   background: var(--surface);
 }
 

Ruta interactiva nativa: git add -p -- index.html selecciona su fragmento titular. git add -p -- styles.css puede aceptar el primer trozo y rechazar el trozo de radio. Las indicaciones varían según la versión de Git; Inspeccione el contenido antes de responder, no una secuencia S/N memorizada.

Un equivalente nativo determinista es guardar el siguiente parche completo outside del proyecto como <selection.patch> y aplicarlo solo al índice:

diff --git a/styles.css b/styles.css
--- a/styles.css
+++ b/styles.css
@@ -38,7 +38,7 @@
 }
 
 .hero {
-  max-width: 44rem;
+  max-width: 48rem;
   padding-block: 3rem;
 }
 

git add -- index.html
git apply --cached --check "<selection.patch>"
git apply --cached "<selection.patch>"
git diff --cached -- styles.css

Ambos check/apply tuvieron éxito silenciosamente en el encuentro. La consulta final impresa:

diff --git a/styles.css b/styles.css
index d443c7e..4dc8369 100644
--- a/styles.css
+++ b/styles.css
@@ -38,7 +38,7 @@ footer {
 }
 
 .hero {
-  max-width: 44rem;
+  max-width: 48rem;
   padding-block: 3rem;
 }
 

git show :styles.css debe ser igual al CSS-02-INDEX completo anterior. El archivo de trabajo aún debe ser igual a CSS-02-WORKING completo. Ninguno de los comandos --cached patch escribe CSS funcional.

Alternativa de confirmación nativa, no una repetición después del éxito de la aplicación:

git commit --quiet -m "feat: refine the hero and card spacing"
git status --short
git diff -- styles.css

Confirmación silenciosa: salida 0, sin salida. Estado:

 M styles.css

Diferencia de trabajo restante completa:

diff --git a/styles.css b/styles.css
index 4dc8369..6382365 100644
--- a/styles.css
+++ b/styles.css
@@ -56,7 +56,7 @@ h1 {
 .feature-card {
   padding: 1rem;
   border: 1px solid var(--line);
-  border-radius: 0.5rem;
+  border-radius: 0.75rem;
   background: var(--surface);
 }
 

Al final de esta lección: tres confirmaciones en main. HEAD/index contiene el nuevo título y el héroe más amplio, pero el radio sigue siendo de 0,5 rem allí; El radio de trabajo es de 0,75 rem. Sólo estilos.css tiene una modificación no preparada. Sin control remoto, fusión o rebase. Las alternativas opcionales de limpieza/cuaderno no reemplazan este punto de control.

• Seleccionar solo la mitad agregada de un reemplazo: no necesariamente el parche deseado.
• Preparar todo el archivo CSS: también incluye el radio.
• Al pegar CSS de índice de destino sobre CSS funcional: se pierde la edición intencionalmente separada.
• Realizar un compromiso de limpieza ahora: contradice la tarea inicial de la lección 8.

Utilice comparaciones en caché/en funcionamiento para diagnosticar una discrepancia de índice. Antes de confirmar, Unstage Lines/Hunk puede cambiar la selección sin descartar la edición de trabajo. Si Git rechaza un parche con formato incorrecto o obsoleto, deténgase; no lo fuerces. Vuelva a leer el archivo actual y vuelva a seleccionar el contenido exacto. Una confirmación/enganche fallido no es permiso para omitir ganchos.

Responda cada pregunta y luego lea por qué. Las preguntas marcadas como "Obligatorias" cuentan para completar la lección.

1. Pregunta 1 de 6

   Pregunta 1 de 6

   ¿Qué define a un galán?

   Elija una respuesta.

   Una característica completa siempre

   una rama

   Contexto de diferencia cercano

   comprobar respuesta
2. Pregunta 2 de 6

   Pregunta 2 de 6

   A la etapa 44rem → 48rem, ¿qué líneas pertenecen?

   Elija cada respuesta que corresponda.

   Eliminado 44rem

   Par de radios también

   Añadido 48rem

   comprobar respuesta
3. Pregunta 3 de 6

   Pregunta 3 de 6Requerido

   Después de la selección parcial, ¿cuáles son el ancho y el radio en el índice?

   Elija una respuesta.

   48rem y 0,5rem

   48rem y 0,75rem

   44rem y 0,75rem

   comprobar respuesta
4. Pregunta 4 de 6

   Pregunta 4 de 6Requerido

   Si también preparas el radio antes de comprometerte, ¿qué queda?

   Elija una respuesta.

   un nuevo control remoto

   Radio aún sin organizar

   Sin diferencia CSS

   comprobar respuesta
5. Pregunta 5 de 6

   Pregunta 5 de 6

   Un guardado externo cambia la diferencia seleccionada. ¿Qué es seguro?

   Elija una respuesta.

   Forzar el parche antiguo

   Descartar todo el archivo

   Recargar/reseleccionar bytes actuales

   comprobar respuesta
6. Pregunta 6 de 6

   Pregunta 6 de 6Requerido

   Verifique el punto de control terminado. ¿Qué evidencia coincide?

   Elija cada respuesta que corresponda.

   Tres confirmaciones; CABEZA/ancho del índice 48rem, radio 0,5rem

   Una confirmación de limpieza ya ha guardado el radio

   Radio de trabajo 0,75rem; sólo estilos.css modificado

   comprobar respuesta

Explique los tres estados diferentes de radios/ancho utilizando los archivos completos. Entrada modificada: si también prepara el par de radios, la siguiente confirmación contiene ambos cambios de CSS y no deja ninguna diferencia de CSS. Pruébelo sólo en una repetición separada; mantenga la edición del radio canónico para la lección 8.

• Seleccione el alcance que coincida con el cambio previsto.
• Verifique el archivo preparado completo y la diferencia de trabajo sobrante.
• Mantenga separados los trabajos útiles de forma independiente sin destruirlos.

• Lea la comparación antes de juzgar un cambio (lección 6)
• Prepara la instantánea deseada y realiza tu primera confirmación (lección 5)
• Descargar GitTree

Hunk — كتلة; líneas seleccionadas — الأسطر المختارة; escenario—تجهيز; fuera del escenario — إلغاء التجهيز; parche—رقعة; índice — الفهرس.