# JD-web-com **Repository Path**: moannain/jd-web-com ## Basic Information - **Project Name**: JD-web-com - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2023-10-31 - **Last Updated**: 2023-10-31 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # @wei_design/web-vue A Vue.js 3 UI library [![commitizen](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli) [![Wei Design](https://img.shields.io/npm/v/@wei_design/web-vue.svg?style=flat-square)](https://www.npmjs.org/package/@wei_design/web-vue) --- - 🔭 [Vite](https://vitejs.dev) - 💪 [Vue3](https://vuejs.org) - 🔥 TypeScript [快速开始](https://wei-design.github.io/web-vue/) ## 安装 node:>=16.0.0 ### npm 这里推荐`pnpm`进行安装 ```sh pnpm install @wei_design/web-vue --save ``` ### cdn #### unpkg [资源浏览](https://unpkg.com/@wei_design/web-vue/) ```html ``` #### jsdelivr [资源浏览](https://cdn.jsdelivr.net/npm/@wei_design/web-vue/) ```html ``` ## 使用 ### 全局引入 在`main.js`中 ```js import { createApp } from 'vue'; import App from './App.vue'; // 完整引入组件库 import WeDesign from '@wei_design/web-vue'; const app = createApp(App); // 全局安装 app.use(WeDesign).mount('#app'); ``` 组件当中 ```vue 按钮组件 ``` ### 按需引入 `main.js`中 ```js import { createApp } from 'vue'; import App from './App.vue'; // 按需引入 import { Button } from '@wei_design/web-vue'; const app = createApp(App); app.use(Button).mount('#app'); ``` 组件当中 ```vue 按钮组件 ``` --- ## 版本记录 [版本记录](CHANGELOG.md) 有问题欢迎issue...