当前位置: 首页 > 工具软件 > Vue-Carbon > 使用案例 >

carbon ui_基于Carbon-Design和VueJS的UI组件库

岳嘉悦
2023-12-01

carbon ui

碳组分值 (carbon-components-vue)

Carvue is a UI components library which is based on Carbon-Design and VueJS with heart and Proud to be a vue-awesome

Carvue是一个UI组件库,它基于Carbon-Design和VueJS,并以其为人所为而感到自豪

安装 (Installation)

# npm
npm install carvue
# yarn
yarn add carvue

用法 (Usage)

import Vue from 'vue'
import Carvue from 'carvue'
import 'carvue/dist/carvue.min.css'

Vue.use(Carvue)

And you could view usage detail in the bottom panel

您可以在底部面板中查看使用情况详细信息

发展历程 (Development)

使用服务器 (Using the server)

We recommend the use of Stroybook for developing components

我们建议使用Stroybook来开发组件

  1. Start the server

    启动服务器

npm run storybook
  1. Open your browser to http://localhost:6006

    打开浏览器到http://localhost:6006

  2. Develop compponents in their respective folders (/components)

    在各自的文件夹( /components )中开发/components

  3. Write stories for your components in /stories

    /stories为您的组件编写/stories

  4. Build

    建立

npm run build

翻译自: https://vuejsexamples.com/a-ui-components-library-which-is-based-on-carbon-design-and-vuejs/

carbon ui

 类似资料: