npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@star-trek/arco-design-web-vue

v2.54.24

Published

Arco Design Vue 2.0: A Vue.js 3 UI Library

Downloads

15

Readme

基于 Arco Design 的 Vue UI 组件库。

license

English | 简体中文

特性

全面

60多个开箱即用的高质量组件, 可以覆盖绝大部份的业务场景。

主题配置

海量的样式 tokens, 支持全局以及组件级别的主题配置。有以下2种方式可以定制主题:

TypeScript 友好

所有组件都是用 TypeScript 编写的,所以天然的类型友好。

安装

npm package

// npm
npm install @star-trek/arco-design-web-vue

// yarn
yarn add @star-trek/arco-design-web-vue

例子

import { createApp } from 'vue'
import ArcoVue from '@star-trek/arco-design-web-vue';
import App from './App.vue';
import '@star-trek/arco-design-web-vue/dist/arco.css';

const app = createApp(App);
app.use(ArcoVue);
app.mount('#app');

开发

  1. 使用 npm install -g 安装 lernayarn 等基础包

  2. 使用 yarn install 安装 workspaces 中各个包的依赖(如果遇到 YN0018 错误,可以使用 YARN_CHECKSUM_BEHAVIOR=update yarn 进行安装)

  3. 使用 npm run init 初始化项目

相关链接

生态

| 项目 | 介绍 | | --------------------- | ------------------------------------------------------- | | React 组件库 | 基于 Arco Design 的 React UI 组件库。 | | 风格配置平台 | 精确到组件级的主题视觉配置平台 | | 物料平台 | 丰富可共享的业务定制物料,让效率突破猛进 | | 图标平台 | 一站式图标管理平台 | | Arco Pro | 快速构建中后台的前端解决方案 |

参与贡献

贡献之前请先阅读 行为准则贡献指南

感谢所有为 ArcoDesign 做过贡献的人!

License

MIT 协议