Tagged articles

ElementPlus

3 articles · Page 1 of 1

Jul 7, 2026 · Frontend Development

Free Claude Code + Pencil: Auto‑Generate UI and Seamlessly Convert Between Design and Code

This guide shows how to install the Pencil VS Code extension, configure Claude Code with Spring Boot 3.5.0, use AI prompts to design a bilingual enterprise login UI, export the design as a .pen file, and automatically generate Vue 3 + ElementPlus code, illustrating the full design‑to‑code and code‑to‑design workflow.

Claude CodeDesign‑code conversionElementPlus

0 likes · 8 min read

Free Claude Code + Pencil: Auto‑Generate UI and Seamlessly Convert Between Design and Code

Rare Earth Juejin Tech Community

Jul 20, 2025 · Frontend Development

Build a Dynamic Material Table with AirPower-Web, TypeScript, and Vue3

Learn how to quickly set up a material management table using the AirPower-Web library with TypeScript, Vue3, and ElementPlus, covering package installation, entity and service definitions, component integration, customization options, and handling varied backend interfaces, all illustrated with code snippets and diagrams.

AirPower-WebElementPlusTypeScript

0 likes · 9 min read

Build a Dynamic Material Table with AirPower-Web, TypeScript, and Vue3

Rare Earth Juejin Tech Community

Jan 4, 2024 · Frontend Development

How to Build a Fully Editable Table with ElementPlus in Vue 3

This guide explains how to create a reusable EditTable component that extends ElementPlus's el-table, providing add, delete, edit, and save capabilities, custom editable columns, form validation, dynamic data loading, and a simple API for integrating editable tables into Vue applications.

ComponentEditable TableElementPlus

0 likes · 12 min read

How to Build a Fully Editable Table with ElementPlus in Vue 3