介紹

PicGo: 一個用于快速上傳圖片并獲取圖片URL鏈接的工具，由vue-cli-electron-builder構建的簡單漂亮的圖片上傳工具！基于electron-vue開發，支持macOS,Windows,Linux，支持插件系統，讓PicGo更強大！

---

---

Github

https://github.com/Molunerfinn/PicGo

特性介紹

精致設計

macOS系統下，支持拖拽至menubar圖標實現上傳。menubar app 窗口顯示最新上傳的5張圖片以及剪貼板里的圖片。點擊圖片自動將上傳的鏈接復制到剪貼板。(Windows平臺不支持)

Mini小窗

Windows以及Linux系統下提供一個mini懸浮窗用于用戶拖拽上傳，節約你寶貴的桌面空間

便捷管理

查看你的上傳記錄，重復使用更方便。支持點擊圖片大圖查看。支持刪除圖片(僅本地記錄)，讓界面更加干凈。

可選圖床

默認支持微博圖床、七牛圖床、騰訊云COS、又拍云、GitHub、SM.MS、阿里云OSS、Imgur。方便不同圖床的上傳需求。2.0版本開始更可以自己開發插件實現其他圖床的上傳需求。

多樣鏈接

支持5種默認剪貼板鏈接格式，包括一種自定義格式，讓你的文本編輯游刃有余

插件系統

2.0版本開始支持插件系統，讓PicGo發揮無限潛能，成為一個極致的效率工具。

開發說明

目前僅針對 Mac、Windows。Linux 平臺并未測試。

如果你想要學習、開發、修改或自行構建 PicGo，可以依照下面的指示：

你需要有 Node、Git環境，了解 npm 的相關知識。

git clone https://github.com/Molunerfinn/PicGo.git 并進入項目。

yarn 下載依賴。注意如果你沒有 yarn，請去官網下載安裝后再使用。 用 npm install 將導致未知錯誤！

Mac 需要有 Xcode 環境，Windows 需要有 VS 環境。

開發模式

輸入 npm run electron:serve 進入開發模式，開發模式具有熱重載特性。不過需要注意的是，開發模式不穩定，會有進程崩潰的情況。此時需要：

ctrl+c # 退出開發模式npm run electron:serve # 重新進入開發模式

注：Windows開發模式運行之后會在底部任務欄的右下角應用區出現PicGo的應用圖標。

生產模式

如果你需要自行構建，可以 npm run electron:build 開始進行構建。構建成功后，會在 dist_electron 目錄里出現構建成功的相應安裝文件。

注意：如果你的網絡環境不太好，可能會出現 electron-builder 下載 electron 二進制文件失敗的情況。這個時候需要在 npm run electron:build 之前指定一下 electron 的源為國內源：

export ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"# 在 Windows 上，則可以使用 set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ (無需引號)npm run electron:build

只需第一次構建的時候指定一下國內源即可。后續構建不需要特地指定。二進制文件下載在 ~/.electron/ 目錄下。如果想要更新 electron 構建版本，可以刪除 ~/.electron/ 目錄，然后重新運行上一步，讓 electron-builder 去下載最新的 electron 二進制文件。

總結

以上是生活随笔為你收集整理的vue点击图片后复制图片url_简单漂亮的（图床工具）开源图片上传工具——PicGo...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。