vue-element-ui-extension

介绍

• element-ui 扩展组件
• ui: https://element.eleme.cn/#/zh-CN

软件架构

• 基于vue2.7.15

安装教程

> 构建成库：

• vue-cli-service build --target package
• npm run package

> 这里对打包的几个命令做一下解释：

• vue-cli-service build 是他自带的打包命令
• --target lib + 路径 指定打包的目录，即 package 文件夹下面的入口文件
• --name 打包后的文件名字
• --dest 打包后的文件夹的名称

> 发布到npm:

• 发布时注意npm源地址：https://registry.npmjs.org/
• npm login: 登陆npm
• npm publish: 进行发布 账号、密码、邮箱要保证正确

> npm源地址操作：

• 查看npm源地址: npm config get registry
• 设置新下载地址: npm config set registry https://registry.npm.taobao.org(失效)
• 2022淘宝新镜像：npm config set registry https://registry.npmmirror.com
• 恢复默认源地址: npm config set registry https://registry.npmjs.org/

使用说明

> 此项目是element-ui的扩展组件，需安装element-ui组件

• npm i element-ui

> 初始化vue项目(基于vue2.x)

• vue create demo

> 安装组件库

• npm i vue-element-extension
• npm add vue-element-extension@0.5.4

> 全局导入

• import VueElementEx from 'vue-element-extension'
• import 'vue-element-extension/dist/vue-element-extension.css'
• Vue.use(VueElementEx)

> 上传下载可使用axios

• npm i axios

参与贡献

特技