IconForge IntelliSense

VSCode 擴充套件，為 IconForge 提供智慧型自動補全和預覽功能。

功能

• ✅ 自動補全 - 在 <Icon name=" 輸入時自動顯示所有可用圖示
• ✅ Hover 預覽 - 滑鼠移到圖示名稱上顯示 SVG 預覽
• ✅ 即時更新 - 當圖示更新時自動重新載入
• ✅ 型別安全 - 基於生成的 TypeScript 型別定義

使用方法

1. 安裝插件

在 VSCode 中開啟專案後，此插件會自動偵測 iconforge.config.ts 並啟動。

2. 自動補全

在 React/TypeScript 檔案中輸入：

<Icon name="|

游標在引號內時，會自動顯示所有可用圖示清單。

3. Hover 預覽

將滑鼠移到圖示名稱上：

<Icon name="home" />  // 滑鼠移到 "home" 上會顯示預覽

4. 重新載入圖示

執行指令：IconForge: Refresh Icons (Cmd/Ctrl + Shift + P)

需求

• VSCode >= 1.85.0
• 專案中已安裝 @iconforge/cli
• 已執行 iconforge build 生成圖示元件

開發

本地測試

1. 複製專案
2. 執行 npm install
3. 按 F5 啟動除錯模式
4. 在新視窗中開啟一個使用 IconForge 的專案

編譯

npm run compile

打包

npm run package

License

MIT