@ 碳/vue-3
大力实施碳设计系统 收集资料 碳组件 使用
Vue.js (英语)。 。 。 .
碳矿 Vue图书馆 - 一个碳社区项目
这个 图书馆 为前端开发者和工程师提供可再使用的Vue组件集,以构建网站和用户界面. 采用库可以使开发者在原型和制作工作中使用一致的标记,样式和行为.
所需社区捐款
作为一个社区项目捐款不仅受到欢迎,而且对该项目的维持和发展至关重要.
安装
npm add @carbon/vue
或者说
$ yarn add @carbon/vue
添加到 Vue 项目
src/main.js
import CarbonVue3 from '@carbon/vue';
import App from './App.vue';
const app = createApp(App);
app.use(CarbonVue3);
app.mount('#app');
见 哈罗,碳Vue 例如,Vue项目与Carbon.
添加到 Nuxt 工程
plugins/carbon-vue.js
import CarbonVue from '@carbon/vue';
export default defineNuxtPlugin(nuxtApp => {
nuxtApp.vueApp.use(CarbonVue);
});
见 你好 碳纳克特 马上就来了
第3组
碳10的Vue 3组件已与Vue 2组件达到平价. 特别是在无障碍方面需要做更多的工作。 如果要改进Vue 3组件,则遵循本准则.
- 叉开这个回放 检查一下
main分支 - 查看目前正在改进哪些组件。 你可以通过寻找 问题清单。 。 。 .
- 如果要改进一个组件,请查看开放式议题列表,看看是否有其他人已经着手了. 寻找带有"V3-Vue3"标签和组件名称的问题. 例如, "CvDatePicker - 改善无障碍环境" ..
- 如果没有其他人已经着手研究,使用"QQ Vue 3-改进组件"创建出一个问题,并标注为上.
更改日志
可用组件清单
查看可用的 Vue 组件 这里使用信息见每个故事的说明.
建筑和出版
以下步骤将构建和发布软件包:
- 复制或下载回转;
- 运行
yarn安装附属物和靴子套件; - 运行
yarn build建立包括故事书在内的所有软件包;
如果您只想构建单个软件包, 您可以限制范围 :
yarn build --scope @carbon/vue
yarn build --scope storybook
用本地服务器启动故事本 yarn start。 。 。 .
测试发布
要测试发布到 npm 注册 :
cd local-dev
docker-compose up
# open a new terminal
yarn build
npm add-user --registry http://0.0.0.0:4873/
# any username, password, & email will work
# try: carbon, vue, & [email protected]
yarn test:publish
# maybe change some things and try again
yarn build
yarn test:unpublish
yarn test:publish
如何运行故事本
只要遵循下面列举的步骤,你就可以运行故事书.
- 结账后
vNext分支,为了安装依赖,运行命令yarn install根上; - 现在,运行命令
cd storybook,然后再次运行命令yarn install安装故事本文件夹中的依赖性; - 最后,运行命令
yarn serve在故事本文件夹中.
换句话说,这些是你们要执行的命令:
yarn install
cd storybook
yarn serve
或者说
yarn install
yarn serve:storybook
IBM 遥测
本套件使用IBM遥测来收集去识别和匿名的计量数据. 通过安装 此软件包是您同意的遥测收藏的依赖。 选择退出,看 选择退出IBM遥测数据收集。 。 。 . 有关所收集数据的更多信息,请参见: IBM 遥测文档。 。 。 .