日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > vue >内容正文

vue

vue点击图片后复制图片url_简单漂亮的(图床工具)开源图片上传工具——PicGo...

發(fā)布時(shí)間:2025/3/19 vue 18 豆豆
生活随笔 收集整理的這篇文章主要介紹了 vue点击图片后复制图片url_简单漂亮的(图床工具)开源图片上传工具——PicGo... 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

介紹

PicGo: 一個(gè)用于快速上傳圖片并獲取圖片URL鏈接的工具,由vue-cli-electron-builder構(gòu)建的簡(jiǎn)單漂亮的圖片上傳工具!基于electron-vue開(kāi)發(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)擊圖片自動(dòng)將上傳的鏈接復(fù)制到剪貼板。(Windows平臺(tái)不支持)

Mini小窗

Windows以及Linux系統(tǒng)下提供一個(gè)mini懸浮窗用于用戶拖拽上傳,節(jié)約你寶貴的桌面空間

便捷管理

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

可選圖床

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

多樣鏈接

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

插件系統(tǒng)

2.0版本開(kāi)始支持插件系統(tǒng),讓PicGo發(fā)揮無(wú)限潛能,成為一個(gè)極致的效率工具。

開(kāi)發(fā)說(shuō)明

目前僅針對(duì) Mac、Windows。Linux 平臺(tái)并未測(cè)試。

如果你想要學(xué)習(xí)、開(kāi)發(fā)、修改或自行構(gòu)建 PicGo,可以依照下面的指示:

  • 你需要有 Node、Git環(huán)境,了解 npm 的相關(guān)知識(shí)。
  • git clone https://github.com/Molunerfinn/PicGo.git 并進(jìn)入項(xiàng)目。
  • yarn 下載依賴。注意如果你沒(méi)有 yarn,請(qǐng)去官網(wǎng)下載安裝后再使用。 用 npm install 將導(dǎo)致未知錯(cuò)誤!
  • Mac 需要有 Xcode 環(huán)境,Windows 需要有 VS 環(huán)境。
  • 開(kāi)發(fā)模式

    輸入 npm run electron:serve 進(jìn)入開(kāi)發(fā)模式,開(kāi)發(fā)模式具有熱重載特性。不過(guò)需要注意的是,開(kāi)發(fā)模式不穩(wěn)定,會(huì)有進(jìn)程崩潰的情況。此時(shí)需要:

    ctrl+c # 退出開(kāi)發(fā)模式npm run electron:serve # 重新進(jìn)入開(kāi)發(fā)模式

    注:Windows開(kāi)發(fā)模式運(yùn)行之后會(huì)在底部任務(wù)欄的右下角應(yīng)用區(qū)出現(xiàn)PicGo的應(yīng)用圖標(biāo)。

    生產(chǎn)模式

    如果你需要自行構(gòu)建,可以 npm run electron:build 開(kāi)始進(jìn)行構(gòu)建。構(gòu)建成功后,會(huì)在 dist_electron 目錄里出現(xiàn)構(gòu)建成功的相應(yīng)安裝文件。

    注意:如果你的網(wǎng)絡(luò)環(huán)境不太好,可能會(huì)出現(xiàn) electron-builder 下載 electron 二進(jìn)制文件失敗的情況。這個(gè)時(shí)候需要在 npm run electron:build 之前指定一下 electron 的源為國(guó)內(nèi)源:

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

    只需第一次構(gòu)建的時(shí)候指定一下國(guó)內(nèi)源即可。后續(xù)構(gòu)建不需要特地指定。二進(jìn)制文件下載在 ~/.electron/ 目錄下。如果想要更新 electron 構(gòu)建版本,可以刪除 ~/.electron/ 目錄,然后重新運(yùn)行上一步,讓 electron-builder 去下載最新的 electron 二進(jìn)制文件。

    總結(jié)

    以上是生活随笔為你收集整理的vue点击图片后复制图片url_简单漂亮的(图床工具)开源图片上传工具——PicGo...的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

    如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。