Cwa-ui-plus NPM

快速上手

简介

cwa-ui-plus 是一个基于 Vue3 + Element-plus + Ts 二次开发的公共前端组件库；可帮组前端开发人员减少重复封装相同组件的工作，减少工作量，提高开发效率；

安装

node 版本>=16.16.0 推荐使用 npm 的方式安装，它能更好地和 vite 打包工具配合使用。

方式 1

安装 NPM 库里面的稳定版本
npm i cwa-ui-plus -S

项目中使用

在 main.js 中全局引用。

import CwaUiPlus from 'cwa-ui-plus' // 引用组件
vue.use(CwaUiPlus) // 注册组件

warning 📢 注意注意注意，重要的事情说三遍
cwa-ui-plus 只提供源码不提供依赖，需要依赖项目中的
vue3 >= 3.3.4
element-plus >= 2.3.4
@element-plus/icons-vue >= 2.1.0
vue-i18n >= 9.2.2
typescript

npm install vue-i18n@9.2.2 vue@3.3.4 element-plus@2.3.4 @element-plus/icons-vue@2.1.0

国际化

import { createI18n } from 'vue-i18n'
import CwaUiPlus from 'cwa-ui-plus' // 引用组件
import { cn, vi } from 'cwa-ui-plus/src/lib/lang' /// 公共库引入语言包
const createI18n({
  legacy: false, // 使用 Composition API 模式，则需要将其设置为false
  globalInjection: true, //全局生效$t
  locale: 'cn', // 默认cn翻译
  messages: {
    cn: en,
    vi: en,
  },
})
/** 注意：国际化注册需要在组件注册之前 **/
vue.use(createI18n)
/** 注册组件 **/
vue.use(CwaUiPlus)

vue element-ui vue-i18n

@everything-registry/sub-chunk-1431 cwa-ui-plus-demo

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago