整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          AI從截圖直接生成代碼、前端程序員的福利!

          AI從截圖直接生成代碼、前端程序員的福利!

          項目可以將任何屏幕截圖或設計轉換為干凈的代碼(支持大多數框架)。來自領先公司的開發人員和設計師使用的排名第一的工具。完全開源,在 GitHub 上擁有超過 35,000 顆星。非常受歡迎。

          各位小伙伴們感覺有幫助的,可以收藏一下,方便下次找到項目!

          項目地址

          https://screenshottocode.com/

          這個簡單的應用程序將屏幕截圖轉換為代碼(HTML/Tailwind CSS、React、Bootstrap 或 Vue)。它使用 GPT-4 Vision 生成代碼,并使用 DALL-E 3 生成外觀相似的圖像。您現在還可以輸入 URL 來克隆實時網站!

          開始使用

          帶上您自己的 OpenAI 密鑰 -您的密鑰必須有權訪問 GPT-4 Vision

          本地

          該應用程序有一個 React/Vite 前端和一個 FastAPI 后端。您將需要一個能夠訪問 GPT-4 Vision API 的 OpenAI API 密鑰。

          運行后端(我使用 Poetry 進行包管理 -pip install poetry如果你沒有它):

          cd backend
          echo "OPENAI_API_KEY=sk-your-key" > .env
          poetry install
          poetry shell
          poetry run uvicorn main:app --reload --port 7001

          運行前端:

          cd frontend
          yarn
          yarn dev

          打開http://localhost:5173以使用該應用程序。

          如果您希望在不同端口上運行后端,請更新 VITE_WS_BACKEND_URLfrontend/.env.local

          出于調試目的,如果您不想浪費 GPT4-Vision 積分,您可以在模擬模式下運行后端(該模式會傳輸預先錄制的響應):

          MOCK=true poetry run uvicorn main:app --reload --port 7001

          配置

          • 如果需要使用代理,您可以配置 OpenAI 基本 URL:在backend/.env設置對話框中或直接在 UI 中設置 OPENAI_BASE_URL

          Docker

          如果您的系統上安裝了 Docker,請在根目錄中運行:

          echo "OPENAI_API_KEY=sk-your-key" > .env
          docker-compose up -d --build

          該應用程序將在http://localhost:5173啟動并運行。請注意,您無法使用此設置開發應用程序,因為文件更改不會觸發重建。

          托管版本

          在這里嘗試一下https://screenshottocode.com/(帶上您自己的 OpenAI 密鑰 -您的密鑰必須有權訪問 GPT-4 Vision。有關詳細信息,請參閱常見問題解答部分)

          迎觀看Illustrator教程,小編帶大家學習 Illustrator 的基本工具和使用技巧,了解如何將 Illustrator 文檔保存為 PDF 以供共享和打印。

          當你打包Illustrator文件并發送給某人時,他們需要在機器上安裝Illustrator才能打開文件。如果收件人沒有Illustrator或要求您發送PDF,可以將Illustrator文檔保存為PDF文件。PDF文件看起來像Illustrator的原始文檔,如果保存正確,甚至可以用來打印Illustrator項目。你發送PDF的人只需要一個免費的PDF閱讀器就可以查看。

          使用Illustrator文檔會發現如何從Illustrator文檔創建PDF。如果打開文件,可能會看到「缺少字體」對話框,因為此文件使用Adobe字體。

          Adobe Creative Cloud會員資格包括訪問Adobe字體庫的權限。如果確實看到此對話框,單擊「激活字體」以修復缺少的字體。

          當字體與Mac同步時,單擊「關閉」。

          要查看文件的全部內容,依次選擇「視圖」-「全部適合窗口大小」。

          接下來將此文檔另存為PDF,要將其另存為PDF,選擇「文件」-「存儲為…」。

          在「存儲為」對話框中,選擇「Adobe PDF(PDF)」作為文件格式。

          如果需要,更改名稱,然后單擊「存儲」。

          在出現的「保存Adobe PDF」對話框中,可以從頂部的「Adobe PDF 預設」菜單中選擇預設,具體取決于PDF的用途。

          如果在網站上發布PDF,需要選擇「最小文件大小」選項。

          還可以從左側列表中選擇一個類別,并自定義這些特定選項。

          在這種情況下,可以保留所有選項的默認值,然后單擊「存儲 PDF」將文件另存為PDF。

          PDF文件現在在 Illustrator 中打開。

          將Illustrator文檔保存為Adobe PDF,可以將Illustrator文檔發送給任何擁有免費PDF閱讀器的人。

          現在您可以將自己的文檔保存為PDF格式,并將其發送給其他人進行查看、打印和更多操作。

          以上就是在 Illustrator 中將文檔保存為 PDF的方法。

          軟件下載地址:Illustrator 2020 for Mac(ai 2020 直裝版)

          https://www.macz.com/mac/5120.html?id=NzY4OTYwJl8mMjcuMTg3LjIyNi4yMjI%3D

          windows軟件激活地址:Adobe Illustrator2022(AI 2022)

          https://soft.macxf.com/soft/1246.html?id=MjkzODQ%3D

          個簡單的工具,可使用 AI 將屏幕截圖、模型和 Figma 設計轉換為干凈、實用的代碼。

          支持的堆棧:

          • HTML + Tailwind
          • React + Tailwind
          • Vue + Tailwind
          • Bootstrap
          • Ionic + Tailwind
          • SVG

          支持的AI模型:

          • GPT-4 Turbo (Apr 2024) - Best model
          • GPT-4 Vision (Nov 2023) - Good model that's better than GPT-4 Turbo on some inputs
          • Claude 3 Sonnet - Faster, and on par or better than GPT-4 vision for many inputs
          • DALL-E 3 for image generation

          有關更多演示,請參閱下面的示例部分。

          https://screenshottocode.com/

          我們還剛剛添加了實驗性支持,用于拍攝正在運行的網站的視頻/屏幕記錄并將其轉變為功能原型。

          開始使用

          該應用程序有一個 React/Vite 前端和一個 FastAPI 后端。如果您想使用 Claude Sonnet 或獲得實驗視頻支持,您將需要一個能夠訪問 GPT-4 Vision API 的 OpenAI API 密鑰或一個 Anthropic 密鑰。

          運行后端(我使用 Poetry 進行包管理 -pip install poetry如果你沒有它):

          cd backend
          echo "OPENAI_API_KEY=sk-your-key" > .env
          poetry install
          poetry shell
          poetry run uvicorn main:app --reload --port 7001

          如果您想使用 Anthropic,請將與您的 Anthropic 的 API 密鑰一起ANTHROPIC_API_KEY添加。backend/.env

          運行前端:

          cd frontend
          yarn
          yarn dev

          打開http://localhost:5173以使用該應用程序。

          如果您希望在不同端口上運行后端,請更新 VITE_WS_BACKEND_URLfrontend/.env.local

          出于調試目的,如果您不想浪費 GPT4-Vision 積分,您可以在模擬模式下運行后端(該模式會傳輸預先錄制的響應):

          MOCK=true poetry run uvicorn main:app --reload --port 7001

          Docker

          如果您的系統上安裝了 Docker,請在根目錄中運行:

          echo "OPENAI_API_KEY=sk-your-key" > .env
          docker-compose up -d --build

          該應用程序將在http://localhost:5173啟動并運行。請注意,您無法使用此設置開發應用程序,因為文件更改不會觸發重建。

          ?♂? 常見問題解答

          • 我在設置后端時遇到錯誤。我該如何修復它? 嘗試這個。如果仍然不起作用,請提出問題。
          • 如何獲取 OpenAI API 密鑰?請參閱https://github.com/abi/screenshot-to-code/blob/main/Troubleshooting.md
          • 如何配置 OpenAI 代理?- 如果您無法直接訪問 OpenAI API(例如由于國家/地區限制),您可以嘗試使用 VPN,或者您可以配置 OpenAI 基本 URL 以使用代理:在backend/.env或直接在 UI 中設置 OPENAI_BASE_URL設置對話框。確保 URL 的路徑中包含“v1”,因此它應如下所示: https://xxx.xxxxx.xxx/v1
          • 如何更新前端連接的后端主機?- 在 front/.env.local 中配置 VITE_HTTP_BACKEND_URL 和 VITE_WS_BACKEND_URL 例如設置 VITE_HTTP_BACKEND_URL=http://124.10.20.1:7001
          • 運行后端時看到 UTF-8 錯誤?- 在 Windows 上,使用 notepad++ 打開 .env 文件,然后轉到編碼并選擇 UTF-8。

          主站蜘蛛池模板: 亚洲熟妇AV一区二区三区宅男| 不卡无码人妻一区三区音频 | 国产伦精品一区二区三区在线观看 | 国产精品538一区二区在线| 熟妇人妻系列av无码一区二区| 日本免费一区二区三区最新vr| 文中字幕一区二区三区视频播放 | 国产精品盗摄一区二区在线| 亚洲福利电影一区二区?| 国产精品特级毛片一区二区三区| 国产在线精品一区二区| 无码精品不卡一区二区三区| 亚洲国产AV一区二区三区四区 | 狠狠做深爱婷婷综合一区 | 精品国产一区在线观看| 精品无码综合一区二区三区| 在线视频一区二区| 日韩精品无码一区二区三区| 久久se精品一区二区国产| 亚洲一区无码中文字幕| 三上悠亚一区二区观看| 亚洲乱码日产一区三区| 亚洲视频一区调教| 精品三级AV无码一区| 亚洲一区二区三区播放在线 | 欲色影视天天一区二区三区色香欲 | 国产精品高清一区二区人妖| 内射女校花一区二区三区| 亚洲毛片αv无线播放一区| 日韩电影一区二区三区| 国产乱码精品一区二区三区四川| 精品国产香蕉伊思人在线在线亚洲一区二区 | 一区一区三区产品乱码| 日韩在线一区视频| 日韩精品一区二区午夜成人版| 国产精品毛片a∨一区二区三区| 中文字幕精品一区| 国模私拍福利一区二区| 国产伦精品一区二区三区精品| 国产乱码精品一区二区三| 无码人妻精品一区二区三区东京热|