Piny
Piny 是什麼？
Piny 是一個強大的視覺編輯器，直接在 Visual Studio Code、Cursor 和 Windsurf 中運行。它支援 Tailwind CSS、Astro、React 和 Next.js。所有的編輯都直接在程式碼中進行，確保沒有抽象層、沒有雲服務、也不會有鎖定效應。它允許開發者以視覺方式編輯程式碼、導航元件，並在不需要特殊函式庫或額外設置的情況下簡化樣式。Piny 旨在提供速度和控制，既可以與程式碼助理一起使用，也可以獨立使用，並且與任何 React 或 Next.js 專案相容。
如何使用Piny？
要使用 Piny，首先從您首選的 IDE 的擴充套件市場（例如 VS Code 市場）安裝 Piny 擴充功能。安裝完成後，右鍵單擊程式碼中的任何位置，選擇 "在 Piny 中編輯" 開始使用可視化控制進行樣式編輯。Piny 適用於 Astro、React 或 Next.js 專案。
Piny的核心功能
視覺 Tailwind 控制
Tailwind 類別檢查器
隨處編輯 Tailwind 類別
元件導航
AI 驅動拖放
可視化選擇
同時編輯多個元素
導航整個專案
導入您的自訂 Tailwind 主題
Piny 的用例
使用 Tailwind CSS 以視覺方式樣式化元素
以有序樹狀結構管理複雜的 Tailwind 樣式
編輯字串、變數和非 React/Astro 代碼中的 Tailwind 類別
快速跳轉至元件並關聯路由以顯示相關預覽
使用 AI 協助的拖放視覺建構 UI
同時選擇和樣式化多個元素
探索和導航整個專案中的元件
使用自訂 Tailwind 設定自訂視覺控制
來自 Piny 的常見問題解答
Piny 的「免費」真的免費，還是僅僅是試用版？
你們為什麼提供早期使用折扣？
折扣價格僅適用於第一年嗎？
可視化選擇是怎麼工作的？
如果 Piny 停止服務，我的專案會怎麼樣？
Piny 和 Pinegrow Web Editor 有什麼不同？
Piny 支援電子郵件和客戶服務聯絡資訊和退款聯絡資訊等。
以下是客戶服務的 Piny 支援電子郵件：[email protected] 。
Piny 公司
Piny 公司名稱：Pinegrow Pte. Ltd. 。
有關Piny 的更多信息，請訪問關於我們頁面(https://pinegrow.com) 。
Piny Facebook
Piny Facebook連結：https://www.facebook.com/pinegrow/
Piny Youtube
Piny Youtube連結：https://www.youtube.com/c/pinegrow
Piny Twitter
Piny Twitter連結：https://twitter.com/pinegrow
Piny 評論 (0)
Piny 定價
Piny Free
$0 /年
享受基本功能，無需付費。包括視覺 Tailwind 控制、Tailwind 類別檢查器、導航元件結構、隨處編輯 Tailwind 類別、AI 驅動拖放、社區支持。
Piny Pro (早期使用)
US$49.00 /年 + 稅
優惠 60%，可用至 2025 年 5 月 28 日。包括所有免費功能和可視化選擇、同時編輯多個元素、導航整個專案、導入自訂 Tailwind 主題、優先電子郵件支持，並鎖定折扣價格。
Piny Pro (正規版)
US$120.00 /年 + 稅
正規費用提供完整功能集，包含所有免費功能以及可視化選擇、同時編輯多個元素、導航整個專案、導入自訂 Tailwind 主題、優先電子郵件支持。
分析Piny
Piny 網站流量分析
地理流量
Top 3 Regions
Piny 啟動嵌入
使用網站徽章來推動社區對 Toolify 發布的支持。 它們很容易嵌入您的主頁或頁腳。
社群媒體聆聽