學習如何使用 Bootstrap Table 包含的 npm 腳本來構建文檔、編譯源代碼等。

本頁目錄

工具設置

Bootstrap Table 使用 NPM 腳本 作為其構建系統。我們的 package.json 包含了使用框架的便捷方法,包括代碼檢查、編譯代碼等。

要使用我們的構建系統並在本地運行文檔,您需要 Bootstrap Table 源代碼的副本和 Node.js。按照以下步驟,您就可以開始使用了:

  1. 下載並安裝 Node.js,我們使用它來管理依賴項。
  2. 導航到根目錄 /bootstrap-table 並運行 npm install 來安裝 package.json 中列出的本地依賴項。
  3. (僅文檔站點) 如果您想設置文檔站點,請導航到 /site 目錄並運行 npm install 來安裝 Astro 和文檔站點的其他依賴項。

完成後,您將能夠從命令行運行各種命令。

使用 NPM 腳本

我們的 package.json 包含以下命令和任務:

任務描述
npm run buildnpm run build 創建包含編譯文件的 /dist 目錄。
npm run lint檢查 /src 目錄中的 CSS 和 JavaScript。
npm run test運行項目中的測試用例。

運行 npm run 查看所有 npm 腳本。

本地文檔

在本地運行我們的文檔需要使用 Astro,這是一個現代靜態站點生成器,為我們提供:基於組件的架構、基於 Markdown 的文件、模板等。以下是開始使用的方法:

  1. 按照上面的 工具設置 安裝 Astro 和其他依賴項。
  2. 導航到 /site 目錄並在命令行中運行 npm run dev
  3. 在瀏覽器中打開 http://localhost:4321 查看本地文檔站點。

通過閱讀 Astro 的 文檔 了解更多關於使用 Astro 的信息。

故障排除

如果您在安裝依賴項時遇到問題,請卸載所有以前的依賴項版本(全局和本地)。然後,重新運行 npm install