Surlignage de lignes

Attirez l’attention sur des lignes ou des mots spécifiques dans vos blocs de code en utilisant des commentaires en ligne ou la syntaxe de plage dans les métadonnées.

Syntaxe par commentaire en ligne

Ajoutez // [!code highlight] à la fin d’une ligne pour la surligner :

```ts
function setup() {
  const config = loadConfig() 
  return config
}
```

Rendu :

function setup() {
  const config = loadConfig() 
  return config
}

Syntaxe par plage dans les métadonnées

Utilisez {numéros de lignes} dans les métadonnées du bloc de code pour surligner des lignes spécifiques :

```ts {1,3-4}
import { defineConfig } from 'astro/config'
import react from '@astrojs/react'
import mdx from '@astrojs/mdx'
import tailwind from '@astrojs/tailwindcss'

export default defineConfig({
  integrations: [react(), mdx(), tailwind()]
})
```

Rendu :

import { defineConfig } from 'astro/config'
import react from '@astrojs/react'
import mdx from '@astrojs/mdx'
import tailwind from '@astrojs/tailwindcss'

export default defineConfig({
  integrations: [react(), mdx(), tailwind()]
})

Formats de plage

Surlignage de mots

Surlignez toutes les occurrences d’un mot spécifique avec // [!code word:name] :

```ts
const config = loadConfig()
validateConfig(config)
applyConfig(config)
```

Rendu :

const config = loadConfig()
validateConfig(config)
applyConfig(config)

Le commentaire lui-même est masqué dans le rendu, et chaque occurrence du mot spécifié est surlignée.