Emblor安装与配置指南

计泽财

于 2025-04-09 10:24:41 发布

阅读量489

点赞数 17

本文链接：https://blog.youkuaiyun.com/gitblog_01075/article/details/147087026

版权

Emblor 是一个功能齐全的标签输入组件，它基于 Shadcn UI 构建，提供了自动完成、验证、限制标签数量、防止重复、字符限制、排序、截断、弹出提示、键盘导航、自定义样式、无障碍访问、拖放排序、只读模式、自定义分隔符以及粘贴添加等特性。该项目使用 TypeScript 作为主要的编程语言。

在开始安装 Emblor 之前，请确保您的开发环境中已经安装了以下依赖：

克隆项目

在您的终端或命令提示符中，运行以下命令来克隆项目：
```
git clone https://github.com/JaleelB/emblor.git
cd emblor
```
安装依赖

在项目根目录下，运行以下命令来安装项目依赖：
```
npm install
```
或者，如果您使用 Yarn：
```
yarn install
```
启动开发服务器

安装依赖后，运行以下命令来启动开发服务器：
```
npm run dev
```
或者，如果您使用 Yarn：
```
yarn run dev
```
运行上述命令后，开发服务器将启动，并且通常会在默认的网络浏览器中自动打开一个新标签页，地址通常是 http://localhost:3000。
构建项目

当您完成开发并准备将项目部署到生产环境时，运行以下命令来构建项目：
```
npm run build
```
或者，如果您使用 Yarn：
```
yarn run build
```
构建完成后，生产版本的文件将位于 ./build 目录中。