Devectus

devectus（alpha）：一個離線代碼組件應用程序

警告

該項目正處於開發的早期階段，並且是我們開放一個項目的首次嘗試之一

離線組件庫應用程序，允許開發人員在本地驅動器上保存代碼組件/摘要。沒有復雜性，可以保存的簡單代碼糊，以供以後使用。

內容

• 我們的目標
• 當前功能
• 貢獻
• 安裝和入門
• 使用該應用程序

devectus拖車（單擊圖像） -

警告

儘管該項目暫時屬於CC BY-NC 4.0許可證，但我們願意接受建議，並可能會根據貢獻者的反饋重新考慮該許可證。

我們的目標

• 使開發人員更容易重複使用代碼組件。
• 為了確保開發人員的代碼創建安全和100％離線。
• 提高項目發展效率。
• 為了保持簡單，沒有AI或LLM增強能力來促進隱私“安心”。
• 保持設計清潔和現代。

當前功能

• 添加一個組件；名稱，標籤（目前最大為3個），語言（現在最大3個）和代碼輸入框
• 編輯組件；名稱，標籤，語言和代碼輸入框
• 刪除組件
• 引腳組件
• 選擇組件以顯示用戶輸入的所有信息
• 按名稱或標籤搜索組件
• 最近的標籤區域以更好地訪問組件
• langauges標籤區域，用於組件庫中的5個langauges列表
• 設置區域具有深色和輕型主題的應用程序
• 應用刷新按鈕
• 從“ Devicons”的組件自動分配的代碼徽標

貢獻

我們有很多功能，想法和一些問題要解決（請參閱問題），如果您認為您可以做出貢獻，請查看貢獻。 MD區域並告訴我們！

所需的功能

• 當添加新組件後，刷新組件區域以刷新新組件以立即顯示新組件時
• 動態搜索將根據活動輸入自動顯示可用結果
• 更大的代碼處理/輸出功能（當前僅HTML，CSS，JavaScript）；也許可以使用摩納哥編輯（對建議開放）強加於此
• 代碼清理和優化
• 更好的文件和文件夾結構

未來的功能思想

• 所有設備（樣式）的男際責任感更好
• 更警報的響應強度
• 安全性和內容安全策略的強度
• 拖動可調節部分，即組件容器或代碼詳細信息區域的組織寬度區域
• 組件上的時間戳自動（“創建日期創建”，“日期修改”）
• 完全自定義樣式的代碼摩爾區域匹配黑暗/輕型主題（代碼編輯器）
• 動畫和過渡效果（樣式）
• 更可選的主題
• 將應用程序連接到VS代碼中的擴展，以更輕鬆地將組件代碼添加到項目中
• 黑曜石之間的分散/兼容性將組件連接到註釋

在這裡查看所有計劃的功能

我們總是願意接受更多與項目目標保持一致的建議

安裝和入門

截至目前，該項目只能從此GitHub存儲庫中安裝 -

請確保您的nodejs版本為v20.15.1或更高版本

關注Github文檔的指南

入門

安裝軟件包 -

 npm install

啟動應用程序 -

 npm start

警告

目前，我們不知道此應用程序在Windows 11以外的其他操作系統上的跨兼容性，請讓我們知道您可能會發現的任何問題！

使用該應用程序

• 添加一個組件

  啟動和打開分解後，您可以通過在工具區域中選擇“添加”按鈕來創建新組件，然後按照屏幕表單說明來創建組件。

• 選擇並查看組件信息

  單擊組件列表/區域中的組件以顯示該選定組件輸入的所有信息，包括名稱，標籤，langauges和輸入的代碼以及輸出（僅HTML，CSS和JavaScript）。

• 編輯組件

  您可以通過選擇一個組件然後在工具區域中選擇“編輯”按鈕來編輯組件信息，然後對形式進行相應的更改。

• 刪除組件

  您可以通過選擇一個組件然後在工具區域中選擇“刪除”按鈕來刪除組件，然後單擊確認刪除。

• 固定組件

  您可以通過選擇組件然後在工具區域中選擇“ PIN”按鈕來固定可能更重要的組件。

• 搜索組件

  您可以通過將搜索鍵入工具按鈕/區域上方的搜索欄並選擇搜索圖標或按“ Enter”鍵來搜索組件。

• 更改應用程序主題

  選擇應用程序左上角的設置按鈕，然後選擇首選主題（淺色/黑暗）。

• 刷新應用程序

  選擇應用程序左上角的徽標旁邊的刷新按鈕，並應顯示新創建的組件。

筆記

我們希望盡快將自動刷新或在某些React組件中進行動態刷新，以取代按鈕刷新的需求。