注意事项:

1.必须写注释
2.必须进行多次测试后再提交

一.Npm命令行

须知:发布前需先将npm源改为原始源,否则会出现登录不了的问题

npm login  //登录账号,只需要登录一次npm publish  //发布项目//npm源
npm config set registry https://registry.npmjs.org
//淘宝镜像
npm config set registry https://registry.npm.taobao.org/

二.安装项目依赖

npm i tsz_module
yarn add tsz_module

三.组件列表

在线文档: https://blog.csdn.net/r657225738/article/details/115538946

基础组件 - basic

1.分页组件 ys-pagination  [pagination]2.短信验证码(校验和倒计时功能) ys-sendSmsCode  [sendSmsCode]3.留言组件 ys-message  [message]4.搜索组件(简单搜索,支持防抖函数) ys-search  [search]5.裁剪图片组件 ys-cropper [cutImg]6.第三方登录接入(微信登录 ys-wxlogin)  [moreLogin]7.右侧悬浮菜单 [floatMenu]8.步骤引导 vue-tour9.上传组件 ys-upload10.下载功能 文件流封装在utils里11.动态Menu菜单 ys-leftmenu12.验证码 ys-verify13.表格内点击名称进行编辑 ys-inputEditable14.右键菜单 ys-rightMenu13.面包屑 ys-breadcrumb

待开发组件

- 数据可视化大屏小组件

扩展 extend

1.axios网络请求封装  [http]2.store(vuex状态管理) - 登录部分3.单例消息提示 [message]- 单次只显示一个消息提示框4.Execl文件导出 [execl]5.生成二维码 [qrcode]6.图片懒加载 [img-lazyload]7.弹框拖拽 [ys-dialogdrag]8.动态路由+按钮级权限 [permission]- 前端只保留基本的Router页面,如登录页,404页- 获取到menu菜单后,进行addRouter动态路由的设置- 应根据具体的项目打造. 基本思路为 router 定义 meta, 公共方法判断权限是否存在, 页面调用传参9.背景水印 [ys-waterMarker]10.滚动加载更多 [ys-selectLoadMore]- 基于el-select滚动加载更多

工具函数 - utils

1.数组类 - array.js2.浏览器类 - browser.js3.转换类 - convert.js4.日期时间类 - date.js5.其它类 - other.js6.字符串类 - string.js7.校验类 - verify.js

框架搭建

1.前端开发框架 vue3 + vite + element-plus/ant-design2.后台管理系统- 页面自适应(模块级)- 支持I18n多语言- 支持日间与夜间主题

tsz_module公共Npm包相关推荐

如何编写一个npm包，可以公共使用？
经常开发vue的项目,package.json文件大家应该都非常都清楚,所谓的依赖,就是js逻辑的暴露,现在告诉大家怎么发布自己写的npm包,供全球人使用. npm包创建步骤 1.创建一个文件夹 mk ...
npm包开发测试与发布
NPM 包开发测试与发布 NPM 包开发测试与发布引言 1. 开发步骤 1.1. 项目创建 1.2. 工具类功能实现 1.3. ts文件编译 2. npm包本地测试 2.1. 将npm包文件引入项目 ...
npm包全局安装和局部安装,执行包命令有什么不同？
之前开发了一个npm的包.在实际应用中发现了一个问题.如果你想要直接执行这个包的命令,那么你就需要全局安装这个包.如果你只是局部安装,且没有在package.json文件中配置的话,就会提示该命令无法 ...
从零开始发布自己的NPM包
大家好,我是若川.持续组织了6个月源码共读活动,感兴趣的可以点此加我微信 ruochuan02 参与,每周大家一起学习200行左右的源码,共同进步.同时极力推荐订阅我写的<学习源码整体架构系列& ...
不会发布npm包？进来看看？
前言 npm(Node Package Manager),一个Node的包管理器,平时我们常用的公共模块(插件)或者叫做包大多都放在上面,所以接下来要封装的插件,我们就简单称它为npm包,本文从就从这 ...
Vue3学习笔记- NPM包管理工具
导语这篇分享是关于Vue3 系列的学习知识的整理的开始,能够对大家学习带来帮助.也是对自己能力的一种提升. 学习大纲认识NPM 安装NPM 使用NPM NPM中级用法了解package.js ...
npm收录了哪些包_手把手教你制作一个小而美丽的 npm 包并发布
第1步:npm账户你需要一个 npm 账户,如果米有,注册地址是:npmjs.com/signup 第2步:登录进入你自己电脑的终端(cmd)并输入: npm adduser 也可以使用以下命令: ...
npm 包管理器_纱包管理器：npm的改进
npm 包管理器 From bower to npm, package management for the web has come a long way. 从Bower到npm ,Web的软件包管 ...
丰巢快递柜启动超时收费3元封顶；谷歌市值一夜暴涨5000亿；两行代码构成的npm包影响到了数百万项目 | EA周报...
EA周报 2020年4月30日每个星期7分钟,元宝带你喝一杯IT人的浓缩咖啡,了解天下事.掌握IT核心技术. 热点大事件丰巢快递柜启动超时收费3元封顶,菜鸟驿站表态继续免费保管从深圳市丰巢科技有 ...

tsz_module公共Npm包

目录

注意事项:

一.Npm命令行

二.安装项目依赖

三.组件列表

基础组件 - basic

待开发组件

扩展 extend

工具函数 - utils

框架搭建

tsz_module公共Npm包相关推荐

最新文章

热门文章