Versatile Npm

自訂 Npm 安裝指令瀏覽器擴充功能

  • Vue
  • TypeScript
  • Vuetify
  • npm
  • Nov, 2023

簡介

Versatile Npm 是 Google Chrome 擴充功能,使用 Vue 3 + TypeScript + Chrome Extension API + Vuetify 建構。

Demonstration

這個擴充功能可以讓使用者在 npm 套件頁面的右側欄加入 yarnpnpm 等安裝指令,方便開發者一鍵複製。

Screenshot 2

另外也提供設定 UI 供使用者自定義安裝指令,執行新增、刪除、編輯和排序操作。

Screenshot 1

這款 App 的 Logo 是透過 DALL·E 3 產生的,輸入 prompt 基本上包含 穿著帽 T 的水豚包裹紅色badge stylesport mascot style,最後透過 macOS 內建的「移除背景」功能去背。這過程幾乎不費吹灰之力,完全無需任何專業繪圖軟體。

其他候選 Logo 如下:
Logo Candidates

Demo