前面一篇文章中，介紹了安裝 Expressive-Code 讓程式碼語法高亮的套件，可以讓程式碼更容易閱讀，而今天要介紹的套件可以進行程式碼行數的調整，讓閱讀更清楚。

1. 安裝套件
   

   npm install @expressive-code/plugin-line-numbers

2. 設定 content.config.ts
   

   expressiveCode({
   	plugins: [
   		pluginLineNumbers({
   		startAt: 1,       // 行號從 1 開始
   		style: 'decimal', // 數字格式（也可以是 'decimal-leading-zero'）
   		gutterClass: 'line-number-gutter', // 可自訂 class
   		lineClass: 'line-number'           // 可自訂每行的 class
   		})
   	],
   	// 可設置主題、按鈕樣式等
   	themes: ['dracula', 'github-dark'],
   }),

``` typescript title="content.config.ts" {1,7-10}
程式碼
```