透過 100 多個技巧的集合學習 Nuxt!

框架

關於框架儲存庫貢獻的一些具體要點。

一旦您閱讀了一般貢獻指南,以下是關於向 nuxt/nuxt 儲存庫貢獻的一些具體要點。

Monorepo 指南

設定

要為 Nuxt 做出貢獻,您需要設定本機環境。

  1. Fork nuxt/nuxt 儲存庫到您自己的 GitHub 帳戶,然後將其複製到您的本機裝置。
  2. 請確保使用最新的 Node.js (20.x)
  3. 啟用 Corepack 以擁有 pnpmyarn
    終端機
    corepack enable
    
  4. 執行 pnpm install --frozen-lockfile 以使用 pnpm 安裝依賴項
    終端機
    pnpm install --frozen-lockfile
    
    如果您要新增依賴項,請使用 pnpm add
    pnpm-lock.yaml 檔案是所有 Nuxt 依賴項的真實來源。
  5. 啟動被動開發系統
    終端機
    pnpm dev:prepare
    
  6. 檢出一個分支,您可以在其中工作並提交您的變更
    終端機
    git checkout -b my-new-branch
    

然後,在提交提取請求之前,針對playground 測試您的變更,並測試您的變更。

Playground

在處理提取請求時,您可能需要檢查您的變更是否正常運作。

您可以修改 playground/ 中的範例應用程式,並執行

終端機
pnpm dev
請確保不要將其提交到您的分支,但將一些範例程式碼新增到您的 PR 描述中可能會很有幫助。這可以幫助審閱者和其他 Nuxt 使用者深入了解您建立的功能。

測試

每個新功能都應該有一個相應的單元測試(如果可能)。此儲存庫中的 test/ 目錄目前正在開發中,但請盡力按照已有的範例建立新的測試。

在建立 PR 或將其標記為準備好審閱之前,請確保所有測試都通過,方法是執行

終端機
pnpm test

程式碼檢查

您可能已經注意到,我們使用 ESLint 來強制執行程式碼標準。

在提交您的變更之前,要驗證程式碼樣式是否正確,請執行

終端機
pnpm lint
您可以使用 pnpm lint --fix 來修正大多數樣式變更。
如果仍然有錯誤,您必須手動更正它們。

文件

如果您正在新增新功能或重構或以任何其他方式變更 Nuxt 的行為,您可能需要記錄這些變更。請在同一個 PR 中包含對文件的任何變更。您不必在第一次提交時就撰寫文件(但請在您的提取請求足夠成熟時立即執行此操作)。

請確保根據文件樣式指南進行變更。

最終檢查清單

提交 PR 時,有一個簡單的範本需要您填寫。請勾選檢查清單中所有適當的「答案」。

文件指南

如果您發現我們可以改進文件或錯誤訊息的區域,請開啟 PR - 即使只是為了修正錯字!

請確保根據文件樣式指南進行變更。

快速編輯

如果您發現錯字或想要改寫句子,您可以按一下社群區右側的編輯此頁面連結。

直接在 GitHub 介面中進行變更並開啟提取請求。

較長的編輯

文件內容位於 nuxt/nuxt 儲存庫的 docs/ 目錄中,並以 markdown 撰寫。

若要在本機預覽文件,請按照 nuxt/nuxt.com 儲存庫中的步驟進行。
我們建議您安裝 VS Code 的 MDC 擴充功能

程式碼檢查文件

文件使用 MarkdownLintcase police 進行程式碼檢查,以保持文件的一致性。

終端機
pnpm lint:docs
您也可以執行 pnpm lint:docs:fix 來強調並解決任何程式碼檢查問題。

開啟 PR

請確保您的 PR 標題符合 Conventional Commits 指南。

PR 標題範例
docs: update the section about the nuxt.config.ts file