elementar admin

基本管理

概述 |现场演示 |文档

现代 Angular UI 组件和管理面板，基于 Angular Material 3 组件和 Tailwind css 框架

主要特点

• 基于最流行的 Angular 材料组件
• 所有组件都是专门为初级管理员从头开始设计的
• 它有大量旨在创建真实项目的组件
• 用于个人和商业目的的免费和开源

包含内容：

• Angular 18+ 和 Typescript
• Tailwind 3+ 和 SCSS
• 高分辨率
• 灵活配置的主题（包括 3 个主题）
• 每个主题的浅色和深色配色方案
• 50+ 角度组件

安装

安装完整项目（带有演示页面和示例）：

npx @elementarui/elementar-cli@latest new your-project-name

安装最小项目（没有演示页面和示例）：

npx @elementarui/elementar-cli@latest new your-project-name --minimal

启动演示应用程序

 cd your-project-name
npm run start:demo

实时预览（演示）

启动单声道应用程序

 cd your-project-name
npm run start:mono

实时预览（单色）

启动双层应用程序

 cd your-project-name
npm run start:dual-tier

实时预览（双层）

启动最小应用程序

 cd your-project-name
npm run start

实时预览（最小）

更新

要更新您的项目，请运行以下命令：

 cd your-project-name
npx @elementarui/elementar-cli@latest update

默认情况下，更新命令将仅更新projects/components文件夹和根package.json ，但如果您想更新所有项目，如演示、双层、单布局，您可以使用命令执行此操作：

 cd your-project-name
npx @elementarui/elementar-cli@latest update all