vue点击图片后复制图片url_简单漂亮的(图床工具)开源图片上传工具——PicGo...
介紹
PicGo: 一個用于快速上傳圖片并獲取圖片URL鏈接的工具,由vue-cli-electron-builder構(gòu)建的簡單漂亮的圖片上傳工具!基于electron-vue開發(fā),支持macOS,Windows,Linux,支持插件系統(tǒng),讓PicGo更強(qiáng)大!
Github
https://github.com/Molunerfinn/PicGo
特性介紹
精致設(shè)計(jì)
macOS系統(tǒng)下,支持拖拽至menubar圖標(biāo)實(shí)現(xiàn)上傳。menubar app 窗口顯示最新上傳的5張圖片以及剪貼板里的圖片。點(diǎn)擊圖片自動將上傳的鏈接復(fù)制到剪貼板。(Windows平臺不支持)
Mini小窗
Windows以及Linux系統(tǒng)下提供一個mini懸浮窗用于用戶拖拽上傳,節(jié)約你寶貴的桌面空間
便捷管理
查看你的上傳記錄,重復(fù)使用更方便。支持點(diǎn)擊圖片大圖查看。支持刪除圖片(僅本地記錄),讓界面更加干凈。
可選圖床
默認(rèn)支持微博圖床、七牛圖床、騰訊云COS、又拍云、GitHub、SM.MS、阿里云OSS、Imgur。方便不同圖床的上傳需求。2.0版本開始更可以自己開發(fā)插件實(shí)現(xiàn)其他圖床的上傳需求。
多樣鏈接
支持5種默認(rèn)剪貼板鏈接格式,包括一種自定義格式,讓你的文本編輯游刃有余
插件系統(tǒng)
2.0版本開始支持插件系統(tǒng),讓PicGo發(fā)揮無限潛能,成為一個極致的效率工具。
開發(fā)說明
目前僅針對 Mac、Windows。Linux 平臺并未測試。
如果你想要學(xué)習(xí)、開發(fā)、修改或自行構(gòu)建 PicGo,可以依照下面的指示:
開發(fā)模式
輸入 npm run electron:serve 進(jìn)入開發(fā)模式,開發(fā)模式具有熱重載特性。不過需要注意的是,開發(fā)模式不穩(wěn)定,會有進(jìn)程崩潰的情況。此時需要:
ctrl+c # 退出開發(fā)模式npm run electron:serve # 重新進(jìn)入開發(fā)模式注:Windows開發(fā)模式運(yùn)行之后會在底部任務(wù)欄的右下角應(yīng)用區(qū)出現(xiàn)PicGo的應(yīng)用圖標(biāo)。
生產(chǎn)模式
如果你需要自行構(gòu)建,可以 npm run electron:build 開始進(jìn)行構(gòu)建。構(gòu)建成功后,會在 dist_electron 目錄里出現(xiàn)構(gòu)建成功的相應(yīng)安裝文件。
注意:如果你的網(wǎng)絡(luò)環(huán)境不太好,可能會出現(xiàn) electron-builder 下載 electron 二進(jìn)制文件失敗的情況。這個時候需要在 npm run electron:build 之前指定一下 electron 的源為國內(nèi)源:
export ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"# 在 Windows 上,則可以使用 set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ (無需引號)npm run electron:build只需第一次構(gòu)建的時候指定一下國內(nèi)源即可。后續(xù)構(gòu)建不需要特地指定。二進(jìn)制文件下載在 ~/.electron/ 目錄下。如果想要更新 electron 構(gòu)建版本,可以刪除 ~/.electron/ 目錄,然后重新運(yùn)行上一步,讓 electron-builder 去下載最新的 electron 二進(jìn)制文件。
總結(jié)
以上是生活随笔為你收集整理的vue点击图片后复制图片url_简单漂亮的(图床工具)开源图片上传工具——PicGo...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: xstream不映射字段_Mybatis
- 下一篇: vue js 定义对象_JS标准内置对象