內容

撰寫套件頁面

此頁面的指南可以幫助您在 pub.dev 上建立良好的套件頁面。具體來說,此頁面提供撰寫更好的套件 README 的技巧,該檔案提供以下螢幕截圖中標示為 README (此文件) 的內容

package page contains sections like package layout, flutter favorite, package scoring, verified publishers, pubspec file

如需套件頁面其他部分的詳細資訊,請按一下下列連結

  1. 套件佈局
  2. Flutter 最愛
  3. 套件評分
  4. 已驗證的發佈者
  5. Pubspec 檔案

撰寫良好的 README 很重要

#

在 pub.dev 上找到您套件的人,在決定是否嘗試您的套件時,可能會快速掃描 README。一個良好的 README 會吸引讀者的注意力,並表明您的套件值得一試。

雖然此頁面以 in_app_purchase 套件的 README 為例,但您的套件可能不需要這麼大或這麼詳細。如果您的套件很簡單,並且沒有相關的 UI,則其 README 可能會更像 yaml 套件的 README。

撰寫良好 README 的七個技巧

#

以下是一些在 pub.dev 上運作良好的 README 建立建議

  1. 在頂部放置簡短描述
  2. 包含視覺內容
  3. 使用清單呈現重要資訊
  4. 包含使用範例
  5. 使用 Dart 程式碼格式
  6. 提及相關術語
  7. 告訴使用者下一步該去哪裡

1. 在頂部放置簡短描述

#

根據我們的使用者研究,套件使用者只花幾秒鐘閱讀套件描述,然後決定是否閱讀 README 的其餘部分。因此,您應該簡明扼要地描述套件的功能或達成的目標。花一些時間撰寫簡短而精確的描述,幫助使用者做出決定。

以下是一些良好描述的範例

  • 用於顯示彩虹的 Flutter 外掛程式。
  • 使用機器學習來分類鳥叫聲。

專案狀態或限制等重要資訊也應靠近頂部。例如

  • 在 10.3 以下的 iOS 版本上無法運作。

這是 in_app_purchase 套件頁面的螢幕截圖,其中以簡短的套件說明和警告開始

description of the package in_app_purchase

徽章通常位於 README 的頂部附近,在簡短描述的上方或下方。

2. 包含視覺內容

#

如果您的套件頁面是一大段文字而沒有視覺內容,使用者可能會覺得它令人望而生畏並停止閱讀。如果您的套件支援 UI,則圖片尤其重要,但它們對於解釋重要概念也很有用。無論如何,視覺內容可以幫助使用者對使用該套件感到有信心。

將靜態圖片、動畫 GIF 和影片(例如 MOV 或 MP4 檔案)等視覺內容放置在 README 的開頭附近,使用者可能會在那裡看到它們。

下面的螢幕截圖顯示新增視覺內容如何使 in_app_purchase 套件頁面看起來一目瞭然。(之前的圖片在左側;之後在右側。)

in_app_purchase readme without and with images

3. 使用清單呈現重要資訊

#

清單可以吸引對您的 README 中重要資訊的注意。您可能會將清單用於以下項目

通常,清單會使用項目符號,如上面的清單所示。另一個選項是使用表格,如下一節中的平台支援表格所示。

套件的主要功能

#

首先,清楚列出您的套件可以執行的操作。某些使用者可能正在尋找非常特定的功能。協助這些使用者找出您的套件是否支援他們的需求。

以下螢幕截圖顯示 in_app_purchase README 如何呈現套件的功能

list of features of the package in_app_purchase

下一個螢幕截圖顯示 just_audio README 中的表格,其中列出套件的功能和平台支援

list of features of the package just_audio in a table format

參數、屬性或特性

#

考慮列出參數、屬性或特性以供快速參考。(請記住,套件 README 的內容會出現在 API 參考文件和套件頁面中。)

例如,url_launcher 套件有一個支援的 URL 協定表格

list of supported schemes of the package url_launcher

連結到 API 參考文件中的特定函式或類別也很有用。請參閱 async 套件的範例。

異常需求

#

如果您的套件需要特定的設定,超出所有套件所需的要求,請在 README 中列出設定說明。

例如,以下 google_maps_flutter 套件的螢幕截圖顯示了有關開始使用 Google Maps Platform 的說明

additional instructions to use google_maps_flutter

超出您套件範圍的功能

#

為了協助使用者了解您的套件是否可以幫助他們,請列出使用者可能會預期,但您的套件支援的功能。

以下是一些您可能想要列出範圍外功能的範例

  • 如果您的按鈕套件僅專注於文字按鈕,而不是圖示按鈕,請在 README 中明確說明。
  • 如果您的套件僅支援特定版本的 Android,請在 README 中說明。

內容

#

當頁面或區段具有目錄時,使用者更容易瀏覽。如果您的 README 中的區段很長,請考慮在區段的開頭清楚列出小節。

例如,in_app_purchase README 的「用法」區段有很多範例。以下目錄有助於使用者了解存在哪些範例,並前往他們感興趣的程式碼

content of the usage section of the package in_app_purchase

4. 包含使用範例

#

如果您的套件看起來很有希望,使用者可能會想要測試您的套件。請包含「開始使用」或「用法」區段,其中至少有一個使用者可以輕鬆理解的程式碼範例 — 理想情況下,他們可以複製並貼到自己的專案中。如果您可以提供更多更詳細的範例,以幫助使用者了解您的套件,那就更好了。

請記住,並非所有使用者都說英語,但他們都說 Dart!良好的程式碼範例可以產生很大的作用。請考慮在套件的 example 目錄下新增更完整的範例,pub.dev 可以使用該目錄來填入 範例 標籤。如需詳細資訊,請參閱範例,網址:套件佈局慣例

以下螢幕截圖顯示 in_app_purchase 套件 README 中的幾個範例之一

sample code of the package in_app_purchase

5. 使用 Dart 程式碼格式

#

當加入程式碼範例時,請使用三個反引號加上 dart (```dart) 而不是只有三個反引號 (```)。如下列範例所示,加入 dart 會告知 pub.dev 使用 Dart 語法高亮顯示。

僅使用 ``` 格式化使用 ```dart 格式化
final like = 'this';
dart
final like = 'this';

6. 提及相關術語

#

最近一項 UX 研究發現,許多使用者會使用頁面內的搜尋功能(Control+FCommand+F)來搜尋他們需要的功能。因此,請務必在 README 中提及重要的術語,以便使用者能夠找到它們。

例如,使用者可能想知道 in_app_purchase 套件是否支援應用程式內訂閱。如果頁面沒有使用「訂閱」這個術語,搜尋「訂閱」關鍵字的使用者可能會放棄瀏覽該頁面。

the keyword is highlighted when users search for it within the page

在提及所有使用者可能會搜尋的術語之後,請保持使用術語的一致性。如有需要,請清楚地定義這些術語。

例如,in_app_purchase 套件在開頭定義了「底層商店」(underlying store)。

the meaning of underlying store

頁面的其餘部分都一致地使用該術語。

The term underlying store is used consistently across the page

7. 告訴使用者下一步該去哪裡

#

幫助您的使用者了解更多關於該套件的資訊。以下是一些關於可以告訴潛在使用者的建議:

  • 在哪裡可以了解更多關於該套件的資訊。您可以連結到 Medium 上的一篇文章,或 YouTube 上的一段影片。
  • 在哪裡可以獲得關於使用該套件的幫助。可能的選項包括問題追蹤器、聊天室或電子郵件地址。
  • 您計劃如何處理該套件。一份路線圖(無論是在 README 中還是外部頁面中)可以幫助使用者了解他們需要的功能是否即將推出。
  • 如何為該套件貢獻程式碼。

以下螢幕截圖顯示了 in_app_purchase README 中為潛在貢獻者提供資訊的部分。

how to contribute to in_app_purchase

深入瞭解如何撰寫良好的 README

#

我們在本文件中提出了七個關於撰寫良好 README 的技巧。您可以從 Google 開發人員文件樣式指南 中了解更多關於開發人員文件的常見建議。一些額外的技巧包括:

  • 為圖片提供替代文字 (alt text)。
  • 簡潔扼要。不要使用「請」之類的字詞。
  • 保持行長 <= 80 個字元。
  • 正確格式化程式碼(如同 dart format 會做的那樣)。

要了解更多關於良好的 README 實務,請參閱以下資源:

README 清單
一份用於撰寫 README 的清單,可幫助讀者對您的專案感到有信心。
超讚的 README
一份精選的、附有註釋的優秀 README 清單。
建立 README
一篇關於 README 的介紹,包含一個範本和關於撰寫良好 README 的建議。
如何為您的 GitHub 專案撰寫一個出色的 README
良好 README 的關鍵要素以及範本。

此頁面和其他頁面中的建議可能不適用於所有套件。發揮創意!設身處地為使用者著想,想像讀者可能想閱讀和了解什麼。您是唯一可以提供讀者所需資訊的人。