越來越多的 AI 工具猶如雨后春筍般層出不窮，它們正以迅雷不及掩耳之勢(shì)改變世界。

于是乎，開發(fā)人員的學(xué)習(xí)任務(wù)更加繁重了。在眼花繚亂的各種選擇中，高質(zhì)量的工具能更加節(jié)省時(shí)間和精力。那么，怎么挑選呢？

今天我們要介紹 10 種開發(fā)工具，可以幫助我們大大提升開發(fā)技能，改善開發(fā)體驗(yàn)。

相信我，這些工具絕對(duì)大有裨益！

一起來看看吧。

1. Taipy - 將數(shù)據(jù)和 AI 算法集成到生產(chǎn)就緒的 web 應(yīng)用程序

圖片

Taipy 是開源的 Python 庫，用于端到端的應(yīng)用開發(fā)，具有假設(shè)分析、智能管道執(zhí)行、內(nèi)置調(diào)度和部署工具。

大家都知道 Taipy 優(yōu)秀，但很多人不知道的是，Taipy 可用于為基于 Python 的應(yīng)用程序創(chuàng)建 GUI 界面并改進(jìn)數(shù)據(jù)流管理。

其中的關(guān)鍵是性能，因此 Taipy 是完美選擇。

Streamlit 也是非常常用的工具，但在處理大型數(shù)據(jù)集時(shí)，性能或會(huì)顯著下降，所以在生產(chǎn)級(jí)使用不切實(shí)際。

與此相比，Taipy 在不犧牲性能的情況下提供簡(jiǎn)單易用性。如果你用過 Taipy，一定會(huì)為它友好的界面和高效的數(shù)據(jù)處理而贊嘆不已。

圖片

Taipy 有很多集成選項(xiàng)，可以毫不費(fèi)力地與主要的數(shù)據(jù)平臺(tái)連接。

圖片

使用以下命令啟動(dòng)。

pip install taipy

下面我們來談?wù)勛钚碌?Taipy v3.1 版本。已經(jīng)了解的可以跳過。

這個(gè)最新版本使得在part對(duì)象中可視化 HTML 和 Python 對(duì)象成為可能。也意味著 Folium、Bokeh、Vega-Altair 和 Matplotlib 等庫現(xiàn)在均可用于可視化。

同時(shí)帶來了對(duì) Plotly python 的原生支持，使繪制圖表變得更加容易。

此外，Taipy 通過分布式計(jì)算提高性能，它的所有依賴項(xiàng)都與 Python 3.12 完全兼容，因此你可以放心地在使用 Taipy 完成項(xiàng)目時(shí)使用最新的工具和庫。

閱讀文檔也不失為一個(gè)了解 Taipy的好方法。

圖片

還有一件必須說明的事是，Taipy 團(tuán)隊(duì)提供了一個(gè)名為 Taipy Studio 的 VSCode 擴(kuò)展來加速 Taipy 應(yīng)用程序的構(gòu)建。

Taipy Studio

還可以使用 Taipy 云部署應(yīng)用程序。

也不用擔(dān)心自己學(xué)不會(huì)， Taipy 提供了 10+ 個(gè)演示教程，提供代碼和文檔供大家逐步學(xué)習(xí)和理解。

圖片

例如，一些項(xiàng)目創(chuàng)意如下：

• 實(shí)時(shí)污染儀表板

使用工廠周圍的傳感器測(cè)量空氣質(zhì)量，這個(gè)用例展示了 Taipy 儀表板流數(shù)據(jù)的能力。

• 欺詐檢測(cè)

用于分析信用卡交易以檢測(cè)欺詐行為。

• 新冠儀表板

使用了 2020 年的新冠數(shù)據(jù)。頁面顯示有關(guān)新冠的不同圖表和信息。還有一個(gè)預(yù)測(cè)頁面，預(yù)測(cè)患病人數(shù)。

• 創(chuàng)建 LLM 聊天機(jī)器人

這個(gè)實(shí)例展示了 Taipy 能夠使用 LLM 運(yùn)行推理的能力。使用 GPT-3 創(chuàng)建聊天機(jī)器人，在交互式聊天界面中顯示對(duì)話。

• 實(shí)時(shí)人臉識(shí)別

將人臉識(shí)別無縫集成到平臺(tái)，使用網(wǎng)絡(luò)攝像頭提供用戶友好的實(shí)時(shí)人臉檢測(cè)體驗(yàn)。

這些都是非常棒的用例。

Taipy 在 GitHub 上有 8.2k+ 顆星，目前是 v3.1 版本，且一直在改進(jìn)中。

2. DevToys - 開發(fā)人員的瑞士軍刀

圖片

DevToys 幫助完成日常開發(fā)任務(wù)，例如格式化 JSON、比較文本和測(cè)試 RegExp。

有了 DevToys，就沒有必要使用不可信的網(wǎng)站來執(zhí)行簡(jiǎn)單的數(shù)據(jù)任務(wù)操作。DevToys 是檢測(cè)復(fù)制到 Windows 剪貼板數(shù)據(jù)的最佳工具。

因?yàn)榭梢宰龅酱翱诏B層，所以可以縮小應(yīng)用程序，甚至放置于其他窗口上層。最妙的是可以同時(shí)使用多個(gè)實(shí)例。

我可以肯定地說，很多開發(fā)人員甚至不知道這個(gè)很棒的項(xiàng)目。

劃重點(diǎn)，這是一款專為 Windows 生態(tài)系統(tǒng)設(shè)計(jì)的軟件哦！

圖片

所提供的一些工具包括：

轉(zhuǎn)換器

• JSON <> YAML
• 時(shí)間戳
• Number Base
• Cron 解析器

圖片

編碼器/解碼器

• HTML
• URL
• Base64 文本和圖像
• GZip
• JWT解碼器

圖片

格式化程序

• JSON
• SQL
• XML
• XML

圖片

生成器

• 哈希（MD5、SHA1、SHA256、SHA512）
• UUID 1 和 4
• Lorem lpsum
• 檢查和

圖片

文本

• Escape/ Unescape
• 檢查器和案例轉(zhuǎn)換器
• 正則表達(dá)式測(cè)試器
• 文本比較器
• XML 驗(yàn)證器
• Markdown 預(yù)覽

圖片

圖片

圖形

• 色盲模擬器
• 拾色器和對(duì)比度
• PNG / JPEG 編譯器
• 圖片轉(zhuǎn)換器

圖片

了解得越多，是不是越為DevToys所傾倒？錯(cuò)過這么好用的一個(gè)工具就像是錯(cuò)過了一個(gè)億！

DevToys在 GitHub 上有 23k 顆星，使用的是 C#。

3. Pieces – 工作流程副駕駛

圖片

Pieces 是支持 AI 的生產(chǎn)力工具，旨在通過智能代碼片段管理、情境化的副駕駛交互和主動(dòng)顯示有用材料來幫助開發(fā)人員管理工作流程。

它最大限度地減少了上下文切換，簡(jiǎn)化了工作流程，提升了整體開發(fā)體驗(yàn)，同時(shí)通過完全離線的 AI 方法維護(hù)了工作的隱私和安全性。贊:D

圖片

Pieces可與我們喜歡的工具無縫集成，簡(jiǎn)化和提升編碼流程。

它所能提供的功能遠(yuǎn)不止這些：

• 通過閃電般的搜索體驗(yàn)，可以根據(jù)自己的喜好按自然語言、代碼、標(biāo)簽以及其他語義進(jìn)行查詢?？梢哉f這是“您的個(gè)人離線 Google”。
• Pieces 使用 OCR 和 edge-ML 升級(jí)屏幕截圖，以便提取代碼、修復(fù)無效字符。因此可以獲得極其準(zhǔn)確的代碼提取和深度元數(shù)據(jù)富集。

Pieces為 TypeScript、Kotlin、Python 和 Dart 的 Pieces OS 客戶端提供了一堆的 SDK 選項(xiàng)。

如果你讀到這兒還是覺得意猶未盡，那么還可以閱讀文檔訪問網(wǎng)站。

Pieces目前依然算是初出茅廬的新事物，但Pieces社區(qū)是我迄今為止見過的最好的社區(qū)之一。

加入Pieces，加入Pieces 社區(qū)！

4. Infisical – 機(jī)密管理平臺(tái)

圖片

作為一個(gè)開源的機(jī)密管理平臺(tái)，團(tuán)隊(duì)使用Infisical來集中機(jī)密，如 API 密鑰、數(shù)據(jù)庫憑據(jù)和配置。

就個(gè)人而言，我并不介意使用.env文件，因?yàn)槲疫@個(gè)人比較粗心，做不到時(shí)刻謹(jǐn)慎小心。

Infisical 提供了四個(gè) SDK，分別用于 Node.js、Python、Java 和 .Net。你可以自行托管或使用他們的云。

使用以下npm命令啟動(dòng)。

npm install @infisical/sdk

以下為入門方法（Node.js SDK）。

import { InfisicalClient, LogLevel } from "@infisical/sdk";

const client = new InfisicalClient({
    clientId: "YOUR_CLIENT_ID",
    clientSecret: "YOUR_CLIENT_SECRET",
    logLevel: LogLevel.Error
});

const secrets = await client.listSecrets({
    environment: "dev",
    projectId: "PROJECT_ID",
    path: "/foo/bar/",
    includeImports: false
});

圖片

Infisical 還提供了一組工具來自動(dòng)防止秘密泄露到 git 歷史記錄?？梢允褂胮re-commit鉤子在 Infisical CLI 級(jí)別設(shè)置此功能，也可以直接集成 GitHub 等平臺(tái)來設(shè)置此功能。

同樣的，如果想要詳細(xì)了解如何安裝 CLI，可以閱讀文檔。

Infisical 還可用于將機(jī)密注入 Kubernetes 集群以及自動(dòng)部署，以便應(yīng)用程序使用最新的機(jī)密?？捎玫募蛇x項(xiàng)也是相當(dāng)豐富。

圖片

在使用完整的源代碼之前，請(qǐng)務(wù)必先檢查一下許可證，因?yàn)橛幸恍┦?MIT Expat 保護(hù)的企業(yè)級(jí)代碼。但不要擔(dān)心，大部分代碼都可以免費(fèi)使用。

Infisical 在 GitHub 上有 11k+ 顆星，有 125+ 個(gè)版本，正在不斷改進(jìn)中。此外，Infiscial CLI 的安裝次數(shù)超過 5.4M，非常值得信賴。

5. Mintlify - 在構(gòu)建時(shí)顯示的文檔

圖片

Mintlify 是一個(gè)人工智能驅(qū)動(dòng)的文檔編寫器。1 秒文檔化代碼，你值得擁有:D

自從幾個(gè)月前我發(fā)現(xiàn)了 Mintlify，我就成了它的忠實(shí)粉絲。我在很多公司見到過 Mintlify 的身影，Mintlify 甚至還幫助我通過商業(yè)電子郵件生成了完整的文檔，簡(jiǎn)單又體面。

如果你需要制作詳細(xì)文檔，那么一定不要錯(cuò)過 Mintlify 這個(gè)解決方案。

主要用例是基于代碼生成文檔。在你寫代碼的同時(shí)，它會(huì)自動(dòng)文檔化代碼。

既可以安裝 VSCode 擴(kuò)展，也可以將其安裝在 IntelliJ 上。

只需突出顯示代碼或?qū)⒐鈽?biāo)放在要文檔化的代碼行上，然后單擊Write Docs按鈕（或點(diǎn)擊? +）即可。太方便了。

大家可以閱讀文檔和安全指南了解更多內(nèi)容。

Mintlify 支持 10 多種編程語言，支持許多文檔字符串格式，如 JSDoc、reST、NumPy 等。

Mintlify 基于 TypeScript 而構(gòu)建，是一個(gè)非常方便的工具，用于文檔化代碼，可以說是每個(gè)開發(fā)人員的好幫手。

它在 GitHub 上有 2.5k 顆星，深受許多開發(fā)人員的喜愛。

6. Replexica – 面向 React 的 AI 驅(qū)動(dòng)的 i18n 工具包

圖片

Replexica 是 React 的 i18n 工具包，可幫助快速發(fā)布多語言app。

特點(diǎn)一，不需要提取文本到 JSON 文件；特點(diǎn)二，使用 AI 驅(qū)動(dòng)的 API 進(jìn)行內(nèi)容處理。

Replexica 包含以下兩部分：

1. Replexica Compiler – 用于React 的開源編譯器插件。
2. Replexica API - 云里面的 i18n API，使用 LLM 執(zhí)行翻譯。

一些支持的 i18n 格式包括：

1. JSON-free 的 Replexica 編譯器格式。
2. Markdown 內(nèi)容的 .md 文件。
3. 基于 JSON 和基于 YAML 的舊格式。

好神奇，要使基本 Next.js app變?yōu)槎嗾Z言，只需要Replexica就夠了。

使用以下npm命令啟動(dòng)。

// install
pnpm add replexica @replexica/react @replexica/compiler

// login to Replexica API.
pnpm replexica auth --login

使用方式如下。

// next.config.mjs

// Import Replexica Compiler
import replexica from '@replexica/compiler';

/** @type {import('next').NextConfig} */
const nextConfig = {};

// Define Replexica configuration
/** @type {import('@replexica/compiler').ReplexicaConfig} */
const replexicaConfig = {
  locale: {
    source: 'en',
    targets: ['es'],
  },
};

// Wrap Next.js config with Replexica Compiler
export default replexica.next(
  replexicaConfig,
  nextConfig,
);

Replexica Compiler 支持 Next.js App Router，Replexica API 支持英語 ???? 和 西班牙語 ????。項(xiàng)目開發(fā)人員計(jì)劃接下來發(fā)布 Next.js Pages Router + 法語 ???? 支持！

Replexica基于 TypeScript 而構(gòu)建，在 GitHub 上有 740+ 顆星。一個(gè)你應(yīng)該關(guān)注的項(xiàng)目，助力你更進(jìn)一步！

7. Flowise - 拖放 UI 來構(gòu)建自定義的 LLM 流程

圖片

Flowise 是一個(gè)開源的 UI 可視化工具，用于構(gòu)建自定義的 LLM 編排流以及 AI 代理。

使用以下npm命令啟動(dòng)。

npm install -g flowise
npx flowise start
OR
npx flowise start --FLOWISE_USERNAME=user --FLOWISE_PASSWORD=1234

下面是集成 API 的方式。

import requests

url = "/api/v1/prediction/:id"

def query(payload):
  response = requests.post(
    url,
    json = payload
  )
  return response.json()

output = query({
  question: "hello!"
)}

圖片

可以閱讀文檔。

圖片

因?yàn)樵浦鳈C(jī)不可用，因此必須自托管。

讓我們來探討一些用例：

• 假設(shè)你有一個(gè)網(wǎng)站（可以是網(wǎng)店或博客），你可以刪除這個(gè)網(wǎng)站的所有相關(guān)鏈接，并讓 LLM 回答網(wǎng)站上的所有問題。

圖片

• 你還可以創(chuàng)建自定義工具，用于調(diào)用 Webhook 端點(diǎn)并將必要的參數(shù)傳遞到 Webhook 正文中。

圖片

還有許多其他用例，例如生成 SQL QnA 以及與 API 交互。

FlowiseAI 在 GitHub 上擁有 27.5k+ 顆星，擁有超過 10k forks。

8. Hexo - 一個(gè)快速、簡(jiǎn)單又強(qiáng)大的博客框架

圖片

Hexo 支持許多功能，例如超快的生成速度，支持 GitHub Flavored Markdown 和大多數(shù) Octopress 插件，提供對(duì) GitHub Pages、Heroku 等的一鍵部署，提供用于無限擴(kuò)展性的強(qiáng)大 API 和數(shù)百個(gè)主題和插件。

這意味著你可以用 Markdown（或其他標(biāo)記語言）寫帖子，只要幾秒鐘，Hexo 就會(huì)生成漂亮的靜態(tài)文件。

使用以下npm命令啟動(dòng)。

npm install hexo-cli -g

使用方式如下。

// Setup your blog
hexo init blog

// Start the server
hexo server

// Create a new post
hexo new "Hello Hexo"

Hexo 的文檔介紹了所有的 400+ 套插件和主題。這些插件用例甚廣，例如 Ansible 部署器插件。

Hexo 在 GitHub 上有 38k+ 顆星，有 125k+ 開發(fā)者在 GitHub 上使用?，F(xiàn)處于 v7 版本，解壓縮大小為 629 kB。

9. Screenshot to Code – 將屏幕截圖轉(zhuǎn)換為干凈的代碼

圖片

這個(gè)開源項(xiàng)目雖然廣受歡迎，但仍然有許多開發(fā)人員竟然未曾耳聞。要知道，這可是能幫助提升10倍用戶界面構(gòu)建速度的工具哦！

Screenshot to Code 能夠簡(jiǎn)單迅速地使用 AI 將屏幕截圖、模型和 Figma 設(shè)計(jì)轉(zhuǎn)換為干凈、實(shí)用的代碼。糟糕，這是心動(dòng)的感覺！

這個(gè) app 有一個(gè) React/Vite 前端和一個(gè) FastAPI 后端。

如果你想使用 Claude Sonnet，那么需要一個(gè)可以訪問 GPT-4 Vision API 的 OpenAI API 密鑰，或者一個(gè) Anthropic 密鑰。

Screenshot to Code 在 GitHub 上擁有 47k+ 顆星，支持許多技術(shù)堆棧，例如 Reac和 Vue。

順便說一句，Vue具有相當(dāng)不錯(cuò)的 AI 模型，如 GPT-4 Vision、Claude 3 Sonnet 和 DALL-E 3。

10. Appsmith - 構(gòu)建管理面板、內(nèi)部工具和儀表板的平臺(tái)

圖片

管理面板和儀表板是軟件常見的組成部分。年少無知的時(shí)候，我也曾試圖從頭開始構(gòu)建，各種不必要的攔路虎打擊得我只想繳械投降。

Appsmith 可以幫助組織構(gòu)建內(nèi)部應(yīng)用程序，例如儀表板、數(shù)據(jù)庫 GUI、管理面板、審批應(yīng)用程序、客戶支持儀表板等等，以協(xié)助團(tuán)隊(duì)執(zhí)行日常運(yùn)營。Appsmith 也是開源工具，可以快速開發(fā)這些內(nèi)部app。

Appsmith 提供 45+ 可自定義的小部件。無需編寫 HTML/CSS，只要輕輕松松地拖放小部件，就可以在幾分鐘內(nèi)創(chuàng)建漂亮的響應(yīng)式 UI。大贊。

選擇小部件

驗(yàn)證

Appsmith 支持在 GUI 上的小部件屬性、事件偵聽器、查詢和其他設(shè)置中幾乎任何地方編寫 JavaScript 代碼。

Appsmith 支持在{{ }}中編寫單行代碼，并將括號(hào)內(nèi)編寫的內(nèi)容解釋為 JavaScript 表達(dá)式。

/*Filter the data array received from a query*/
{{ QueryName.data.filter((row) => row.id > 5 ) }}

or 

{{
  storeValue("userID", 42);  
  console.log(appsmith.store.userID); 
  showAlert("userID saved");
}}

需要使用 IIFE 來編寫多行代碼。

例如，無效和有效的代碼如下。

// invalid code
/*Call a query to fetch the results and filter the data*/
{{ 
   const array = QueryName.data;
   const filterArray = array.filter((row) => row.id > 5);
   return filterArray;
}}

/* Check the selected option and return the value*/
{{ 
  if (Dropdown.selectedOptionValue === "1") {
      return "Option 1";
  } else {
      return "Option 2";
  }
}}

// valid code
/* Call a query and then manipulate its result */
{{ 
  (function() {
      const array = QueryName.data;
      const filterArray = array.filter((row) => row.id > 5);
      return filterArray;
   })()
}}

/* Verify the selected option and return the value*/

{{ 
  (function() {
      if (Dropdown.selectedOptionValue === "1") {
        return "Option 1";
      } else {
        return "Option 2";
      }
   })()
}}

通過下面幾個(gè)簡(jiǎn)單的步驟，從簡(jiǎn)單的 CRUD app 到復(fù)雜的多步驟工作流，任何內(nèi)容你就可以創(chuàng)建：

1. 與數(shù)據(jù)庫或 API 集成。Appsmith支持最流行的數(shù)據(jù)庫和REST API。
2. 使用內(nèi)置小部件構(gòu)建app布局。
3. 在編輯器中的任意位置使用查詢和 JavaScript 來表達(dá)業(yè)務(wù)邏輯。
4. Appsmith 支持使用 Git 來構(gòu)建app、支持使用分支來跟蹤和回滾更改。

圖片

閱讀文檔和操作指南可以了解更多。

可以自行托管或使用云。此外還提供 20+ 個(gè)模板，供快速入門。

一些有用的模板如：

• 維護(hù)訂單管理
• 加密實(shí)時(shí)追蹤器
• 內(nèi)容管理系統(tǒng)
• WhatsApp信使

Appsmith 在 GitHub 上有 31k+ 顆星，有 200+ 個(gè)版本。