離線繪圖桌面應(yīng)用，從安裝到批量導(dǎo)出)
drawio-desktop 完整指南免費(fèi)離線繪圖桌面應(yīng)用從安裝到批量導(dǎo)出【免費(fèi)下載鏈接】drawio-desktopOfficial electron build of draw.io項(xiàng)目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop同事發(fā)來的 Visio 流程圖你手邊是一臺(tái) Linux 筆記本在線編輯器要先登錄而圖里還有不方便上傳外網(wǎng)的信息。drawio-desktop 就是為這種場(chǎng)景準(zhǔn)備的它是 draw.io 編輯器的官方 Electron 桌面構(gòu)建一款免費(fèi)、開源、可完全離線的繪圖桌面應(yīng)用Windows、macOS、Linux 都能跑適合需要畫內(nèi)部網(wǎng)絡(luò)拓?fù)?、保密流程圖的開發(fā)者與架構(gòu)師。 安裝步驟四種安裝包與一種源碼方式直接裝的話去倉(cāng)庫(kù)的 releases 頁(yè)面下預(yù)構(gòu)建包即可。Windows 有四種形態(tài)按你的權(quán)限情況挑安裝包安裝范圍是否需要管理員NSIS 安裝器-windows-installer.exe全機(jī)器Program Files需要MSI 安裝器.msi當(dāng)前用戶不需要便攜版-windows-no-installer.exe免安裝直接運(yùn)行不需要但不注冊(cè)文件類型關(guān)聯(lián)Microsoft StoreAPPX當(dāng)前用戶不需要沒有管理員權(quán)限的機(jī)器選 MSI 或便攜版最省心。想從源碼跑起來改它、調(diào)試它需要 Node.js 22.12 和 npmgit clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start小貼士--recursive不能省核心編輯器是以 git 子模塊放在drawio/目錄里的漏掉它構(gòu)建必失敗。已經(jīng)克隆過的話補(bǔ)一句git submodule update --init即可。? 第一張圖從空白畫布到保存文件的六步啟動(dòng)后是熟悉的三欄布局左側(cè)形狀庫(kù)帶搜索框、中間畫布、右側(cè)屬性面板。drawio-desktop 啟動(dòng)后的三欄式界面形狀庫(kù)、畫布與屬性面板新建文件菜單選 New拿到空白畫布拖放從左側(cè) General 區(qū)把矩形、菱形拖到畫布連接用連接工具從一個(gè)形狀錨點(diǎn)拖向另一個(gè)輸入雙擊形狀直接打字調(diào)整在右側(cè)面板改網(wǎng)格、背景、連接箭頭等選項(xiàng)保存存成本地.xml文件或在導(dǎo)出對(duì)話框里出 PDF / PNG / SVG啟動(dòng)后如果畫布打不開或行為怪異用npm start --enable-logging重啟一次終端日志會(huì)直接指出原因。?? 批量導(dǎo)出一條命令轉(zhuǎn)換整個(gè)文件夾圖從一張變成幾十張之后命令行模式是桌面版最有價(jià)值的差異化能力。它支持的輸入除了 draw.io 自己的格式還包括 VSDX、CSV 和 Mermaid.mmd/.mermaidnpm start -- -x -r -f pdf -o ./out ./diagrams各參數(shù)含義參數(shù)作用-x--export啟用導(dǎo)出模式-r--recursive遞歸處理子文件夾里的所有文件-f pdf--format輸出格式可選 pdf、png、jpg、svg、xml、html默認(rèn) pdf-o ./out--output輸出目錄省略時(shí)按輸入文件名加格式后綴輸出還有幾個(gè)值得知道的開關(guān)-p n選頁(yè)1 起計(jì)、-g from..to選頁(yè)范圍、-t給 PNG/SVG 設(shè)透明背景、--crop把 PDF 裁到圖面大小。完整的參數(shù)定義都在 src/main/args.js 這一個(gè)文件里讀完它就掌握了全部 CLI 能力。亂圖導(dǎo)出前可以先自動(dòng)排布--layout支持六個(gè)預(yù)設(shè)npm start -- -x -f svg --layout verticalFlow -o ./out ./diagrams預(yù)設(shè)名為verticalFlow、horizontalFlow、verticalTree、horizontalTree、radialTree、organic也可以傳 JSON 數(shù)組用自定義布局序列。注意批量導(dǎo)出前先退出已安裝的官方 draw.io。應(yīng)用同一用戶只允許一個(gè)運(yùn)行實(shí)例——官方版本開著時(shí)你從命令行啟動(dòng)的副本只會(huì)往官方應(yīng)用里開一個(gè)新窗口改動(dòng)不生效。 兼容性VSDX、CSV、Mermaid 直接打開結(jié)論Visio 文件能直接打開而且打開后可繼續(xù)編輯不是只讀預(yù)覽。桌面版內(nèi)置 VSDX 導(dǎo)入模塊把 Visio 文件轉(zhuǎn)成 draw.io 格式后可以正常編輯再導(dǎo)出為 PDF / SVG / PNG / XML。CSV 表格和 Mermaid 文本.mmd、.mermaid同樣可作為圖來源直接打開加--mermaid-image true還能讓 Mermaid 文件以靜態(tài)圖而非可編輯圖的形式呈現(xiàn)。典型用法把文檔里積壓多年的 Visio 老圖批量轉(zhuǎn)成 PDF 嵌進(jìn) Wiki不用專門開一臺(tái)裝 Visio 的 Windows 機(jī)器。 離線隔離默認(rèn)不聯(lián)網(wǎng)結(jié)論除了啟動(dòng)時(shí)一次可選的版本檢查應(yīng)用不建立任何網(wǎng)絡(luò)連接也不采集使用統(tǒng)計(jì)。README 的 Security 一節(jié)寫得很直白應(yīng)用設(shè)計(jì)上與互聯(lián)網(wǎng)完全隔離。具體機(jī)制有三層更新檢查是唯一默認(rèn)的聯(lián)網(wǎng)行為——啟動(dòng)時(shí)查新版本可徹底關(guān)閉所有 JavaScript 自包含界面的 Content Security Policy 明確禁止運(yùn)行遠(yuǎn)程加載的腳本應(yīng)用自身的網(wǎng)絡(luò)請(qǐng)求被限制為只連自己圖表內(nèi)容不會(huì)外發(fā)要關(guān)掉更新檢查兩種方式任選export DRAWIO_DISABLE_UPDATEtrue npm start -- --disable-update第一種是環(huán)境變量適合統(tǒng)一管理的內(nèi)網(wǎng)環(huán)境第二種是啟動(dòng)參數(shù)適合臨時(shí)使用。注意圖表本身可以內(nèi)嵌外部資源——比如嵌在圖里的圖片、背景或字體 URL——打開圖表時(shí)應(yīng)用會(huì)去請(qǐng)求這些地址以便正常渲染。它不會(huì)傳出圖表內(nèi)容但會(huì)向?qū)Ψ椒?wù)器暴露你的訪問行為含 IP。陌生來源的圖表要小心打開。官方也表明立場(chǎng)安全和隔離是這個(gè)項(xiàng)目的第一目標(biāo)任何默認(rèn)開啟外連的功能請(qǐng)求都會(huì)被拒絕。 圖表數(shù)據(jù)與緩存存哪里L(fēng)ocalStorage、SessionStorage 連同你的圖全部落在用戶應(yīng)用數(shù)據(jù)目錄清緩存和備份都去這里系統(tǒng)路徑macOS~/Library/Application Support/draw.ioWindowsC:\Users\用戶名\AppData\Roaming\draw.io\ 許可與貢獻(xiàn)方式結(jié)論Apache 2.0 許可個(gè)人和商業(yè)使用都免費(fèi)但項(xiàng)目對(duì)外部代碼貢獻(xiàn)關(guān)閉。README 里 Not open-contribution 一節(jié)解釋了原因編輯器復(fù)雜度高連小改動(dòng)都可能牽動(dòng)大量其他部分測(cè)試成本遠(yuǎn)超直覺社區(qū) PR 基本會(huì)被推倒重寫。維護(hù)者歡迎 bug 報(bào)告和功能建議代碼變更基本由內(nèi)部消化。想改代碼自己用官方留了清晰的路徑fork 之后按 doc/BUILDING_FOR_PERSONAL_USE.md 構(gòu)建未簽名的個(gè)人版。核心兩步是設(shè)置DRAWIO_UNSIGNEDtrue跳過簽名與公證以及npm run sync -- disableUpdate關(guān)掉自動(dòng)更新防止把你的改動(dòng)悄悄換回官方版。構(gòu)建腳本和發(fā)布流程的更多細(xì)節(jié)見 doc/RELEASE_PROCESS.md。? 三個(gè)高頻問題Q1桌面版和在線版 draw.io什么區(qū)別核心編輯器是同一套區(qū)別在運(yùn)行環(huán)境桌面版完全離線、數(shù)據(jù)落本地、帶命令行導(dǎo)出大圖的加載和導(dǎo)出比瀏覽器里穩(wěn)在線版依賴瀏覽器和登錄態(tài)。Q2為什么不能直接提 PR 修一個(gè) bug因?yàn)轫?xiàng)目長(zhǎng)期對(duì)外部貢獻(xiàn)關(guān)閉官方希望所有變更走內(nèi)部流程保證質(zhì)量。你的兩條路是提 issue 報(bào)告問題或 fork 后按個(gè)人構(gòu)建指南自己改。Q3完全斷網(wǎng)的內(nèi)網(wǎng)能用嗎能。用DRAWIO_DISABLE_UPDATEtrue或--disable-update關(guān)掉唯一的默認(rèn)聯(lián)網(wǎng)行為后整個(gè)應(yīng)用不再有任何外連需求。 下一步想搭環(huán)境或改它從 DEVELOPMENT.md 的環(huán)境要求看起想構(gòu)建個(gè)人版doc/BUILDING_FOR_PERSONAL_USE.md 有含 macOS 隔離標(biāo)志、SmartScreen 警告處理在內(nèi)的完整步驟想查某個(gè)導(dǎo)出參數(shù)src/main/args.js 是參數(shù)全集的唯一定義處裝好之后先畫一張最簡(jiǎn)單的流程圖試試手遇到不順手的地方直接去倉(cāng)庫(kù)提一個(gè) issue。【免費(fèi)下載鏈接】drawio-desktopOfficial electron build of draw.io項(xiàng)目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考 drawio-desktop 完整指南：免費(fèi)離線繪圖桌面應(yīng)用，從安裝到批量導(dǎo)出
drawio-desktop 完整指南免費(fèi)離線繪圖桌面應(yīng)用從安裝到批量導(dǎo)出【免費(fèi)下載鏈接】drawio-desktopOfficial electron build of draw.io項(xiàng)目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop同事發(fā)來的 Visio 流程圖你手邊是一臺(tái) Linux 筆記本在線編輯器要先登錄而圖里還有不方便上傳外網(wǎng)的信息。drawio-desktop 就是為這種場(chǎng)景準(zhǔn)備的它是 draw.io 編輯器的官方 Electron 桌面構(gòu)建一款免費(fèi)、開源、可完全離線的繪圖桌面應(yīng)用Windows、macOS、Linux 都能跑適合需要畫內(nèi)部網(wǎng)絡(luò)拓?fù)?、保密流程圖的開發(fā)者與架構(gòu)師。 安裝步驟四種安裝包與一種源碼方式直接裝的話去倉(cāng)庫(kù)的 releases 頁(yè)面下預(yù)構(gòu)建包即可。Windows 有四種形態(tài)按你的權(quán)限情況挑安裝包安裝范圍是否需要管理員NSIS 安裝器-windows-installer.exe全機(jī)器Program Files需要MSI 安裝器.msi當(dāng)前用戶不需要便攜版-windows-no-installer.exe免安裝直接運(yùn)行不需要但不注冊(cè)文件類型關(guān)聯(lián)Microsoft StoreAPPX當(dāng)前用戶不需要沒有管理員權(quán)限的機(jī)器選 MSI 或便攜版最省心。想從源碼跑起來改它、調(diào)試它需要 Node.js 22.12 和 npmgit clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start小貼士--recursive不能省核心編輯器是以 git 子模塊放在drawio/目錄里的漏掉它構(gòu)建必失敗。已經(jīng)克隆過的話補(bǔ)一句git submodule update --init即可。? 第一張圖從空白畫布到保存文件的六步啟動(dòng)后是熟悉的三欄布局左側(cè)形狀庫(kù)帶搜索框、中間畫布、右側(cè)屬性面板。drawio-desktop 啟動(dòng)后的三欄式界面形狀庫(kù)、畫布與屬性面板新建文件菜單選 New拿到空白畫布拖放從左側(cè) General 區(qū)把矩形、菱形拖到畫布連接用連接工具從一個(gè)形狀錨點(diǎn)拖向另一個(gè)輸入雙擊形狀直接打字調(diào)整在右側(cè)面板改網(wǎng)格、背景、連接箭頭等選項(xiàng)保存存成本地.xml文件或在導(dǎo)出對(duì)話框里出 PDF / PNG / SVG啟動(dòng)后如果畫布打不開或行為怪異用npm start --enable-logging重啟一次終端日志會(huì)直接指出原因。?? 批量導(dǎo)出一條命令轉(zhuǎn)換整個(gè)文件夾圖從一張變成幾十張之后命令行模式是桌面版最有價(jià)值的差異化能力。它支持的輸入除了 draw.io 自己的格式還包括 VSDX、CSV 和 Mermaid.mmd/.mermaidnpm start -- -x -r -f pdf -o ./out ./diagrams各參數(shù)含義參數(shù)作用-x--export啟用導(dǎo)出模式-r--recursive遞歸處理子文件夾里的所有文件-f pdf--format輸出格式可選 pdf、png、jpg、svg、xml、html默認(rèn) pdf-o ./out--output輸出目錄省略時(shí)按輸入文件名加格式后綴輸出還有幾個(gè)值得知道的開關(guān)-p n選頁(yè)1 起計(jì)、-g from..to選頁(yè)范圍、-t給 PNG/SVG 設(shè)透明背景、--crop把 PDF 裁到圖面大小。完整的參數(shù)定義都在 src/main/args.js 這一個(gè)文件里讀完它就掌握了全部 CLI 能力。亂圖導(dǎo)出前可以先自動(dòng)排布--layout支持六個(gè)預(yù)設(shè)npm start -- -x -f svg --layout verticalFlow -o ./out ./diagrams預(yù)設(shè)名為verticalFlow、horizontalFlow、verticalTree、horizontalTree、radialTree、organic也可以傳 JSON 數(shù)組用自定義布局序列。注意批量導(dǎo)出前先退出已安裝的官方 draw.io。應(yīng)用同一用戶只允許一個(gè)運(yùn)行實(shí)例——官方版本開著時(shí)你從命令行啟動(dòng)的副本只會(huì)往官方應(yīng)用里開一個(gè)新窗口改動(dòng)不生效。 兼容性VSDX、CSV、Mermaid 直接打開結(jié)論Visio 文件能直接打開而且打開后可繼續(xù)編輯不是只讀預(yù)覽。桌面版內(nèi)置 VSDX 導(dǎo)入模塊把 Visio 文件轉(zhuǎn)成 draw.io 格式后可以正常編輯再導(dǎo)出為 PDF / SVG / PNG / XML。CSV 表格和 Mermaid 文本.mmd、.mermaid同樣可作為圖來源直接打開加--mermaid-image true還能讓 Mermaid 文件以靜態(tài)圖而非可編輯圖的形式呈現(xiàn)。典型用法把文檔里積壓多年的 Visio 老圖批量轉(zhuǎn)成 PDF 嵌進(jìn) Wiki不用專門開一臺(tái)裝 Visio 的 Windows 機(jī)器。 離線隔離默認(rèn)不聯(lián)網(wǎng)結(jié)論除了啟動(dòng)時(shí)一次可選的版本檢查應(yīng)用不建立任何網(wǎng)絡(luò)連接也不采集使用統(tǒng)計(jì)。README 的 Security 一節(jié)寫得很直白應(yīng)用設(shè)計(jì)上與互聯(lián)網(wǎng)完全隔離。具體機(jī)制有三層更新檢查是唯一默認(rèn)的聯(lián)網(wǎng)行為——啟動(dòng)時(shí)查新版本可徹底關(guān)閉所有 JavaScript 自包含界面的 Content Security Policy 明確禁止運(yùn)行遠(yuǎn)程加載的腳本應(yīng)用自身的網(wǎng)絡(luò)請(qǐng)求被限制為只連自己圖表內(nèi)容不會(huì)外發(fā)要關(guān)掉更新檢查兩種方式任選export DRAWIO_DISABLE_UPDATEtrue npm start -- --disable-update第一種是環(huán)境變量適合統(tǒng)一管理的內(nèi)網(wǎng)環(huán)境第二種是啟動(dòng)參數(shù)適合臨時(shí)使用。注意圖表本身可以內(nèi)嵌外部資源——比如嵌在圖里的圖片、背景或字體 URL——打開圖表時(shí)應(yīng)用會(huì)去請(qǐng)求這些地址以便正常渲染。它不會(huì)傳出圖表內(nèi)容但會(huì)向?qū)Ψ椒?wù)器暴露你的訪問行為含 IP。陌生來源的圖表要小心打開。官方也表明立場(chǎng)安全和隔離是這個(gè)項(xiàng)目的第一目標(biāo)任何默認(rèn)開啟外連的功能請(qǐng)求都會(huì)被拒絕。 圖表數(shù)據(jù)與緩存存哪里L(fēng)ocalStorage、SessionStorage 連同你的圖全部落在用戶應(yīng)用數(shù)據(jù)目錄清緩存和備份都去這里系統(tǒng)路徑macOS~/Library/Application Support/draw.ioWindowsC:\Users\用戶名\AppData\Roaming\draw.io\ 許可與貢獻(xiàn)方式結(jié)論Apache 2.0 許可個(gè)人和商業(yè)使用都免費(fèi)但項(xiàng)目對(duì)外部代碼貢獻(xiàn)關(guān)閉。README 里 Not open-contribution 一節(jié)解釋了原因編輯器復(fù)雜度高連小改動(dòng)都可能牽動(dòng)大量其他部分測(cè)試成本遠(yuǎn)超直覺社區(qū) PR 基本會(huì)被推倒重寫。維護(hù)者歡迎 bug 報(bào)告和功能建議代碼變更基本由內(nèi)部消化。想改代碼自己用官方留了清晰的路徑fork 之后按 doc/BUILDING_FOR_PERSONAL_USE.md 構(gòu)建未簽名的個(gè)人版。核心兩步是設(shè)置DRAWIO_UNSIGNEDtrue跳過簽名與公證以及npm run sync -- disableUpdate關(guān)掉自動(dòng)更新防止把你的改動(dòng)悄悄換回官方版。構(gòu)建腳本和發(fā)布流程的更多細(xì)節(jié)見 doc/RELEASE_PROCESS.md。? 三個(gè)高頻問題Q1桌面版和在線版 draw.io什么區(qū)別核心編輯器是同一套區(qū)別在運(yùn)行環(huán)境桌面版完全離線、數(shù)據(jù)落本地、帶命令行導(dǎo)出大圖的加載和導(dǎo)出比瀏覽器里穩(wěn)在線版依賴瀏覽器和登錄態(tài)。Q2為什么不能直接提 PR 修一個(gè) bug因?yàn)轫?xiàng)目長(zhǎng)期對(duì)外部貢獻(xiàn)關(guān)閉官方希望所有變更走內(nèi)部流程保證質(zhì)量。你的兩條路是提 issue 報(bào)告問題或 fork 后按個(gè)人構(gòu)建指南自己改。Q3完全斷網(wǎng)的內(nèi)網(wǎng)能用嗎能。用DRAWIO_DISABLE_UPDATEtrue或--disable-update關(guān)掉唯一的默認(rèn)聯(lián)網(wǎng)行為后整個(gè)應(yīng)用不再有任何外連需求。 下一步想搭環(huán)境或改它從 DEVELOPMENT.md 的環(huán)境要求看起想構(gòu)建個(gè)人版doc/BUILDING_FOR_PERSONAL_USE.md 有含 macOS 隔離標(biāo)志、SmartScreen 警告處理在內(nèi)的完整步驟想查某個(gè)導(dǎo)出參數(shù)src/main/args.js 是參數(shù)全集的唯一定義處裝好之后先畫一張最簡(jiǎn)單的流程圖試試手遇到不順手的地方直接去倉(cāng)庫(kù)提一個(gè) issue。【免費(fèi)下載鏈接】drawio-desktopOfficial electron build of draw.io項(xiàng)目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考