记录Vue项目中一些实用的npm包(持续整理)

Vue8 个月前4729

Vue项目中一些实用的npm包,有些也可用于React项目中,为方便查阅,简单记录下,在这里只是拷贝了官方的demo,详细使用方法可点击传送门查看,持续整理中。

一、axios

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 传送门

npm install axios --save

二、moment

Moment.js 是一个 JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期。传送门

npm install moment --save

三、intro.js 网站引导插件

Intro.js 是用于向首页使用网站或者移动应用添加漂亮的分布指南效果,引导用户的js插件。传送门

npm install intro.js --save

四、clipboard.js 复制内容到系统剪贴板

clipboard.js 是一个不需要flash,不依赖其他框架,将文本复制到剪贴板的插件。传送门

npm install clipboard --save

五、FileSaver.js 保存/导出文件

FileSaver.js是在客户端保存文件的解决方案,支持各类文件的导出。传送门

npm install file-saver --save

六、qrious 生成二维码

qrious是一个纯JavaScript库,用于使用HTML5画布生成QR代码。传送门

npm install --save qrious

七、js-base64

base64编码和解码工具 传送门

npm install --save js-base64

八、js-cookie

一个简单的轻量级JavaScriptAPI,用于处理cookie 传送门

npm install --save js-cookie

九、vue-photo-preview 图片预览

基于photoswipe的vue图片预览插件 传送门

npm install --save vue-photo-preview

十、vue-cropper 图片裁剪

一个优雅的图片裁剪插件 传送门

npm install --save vue-cropper

十一、lrz 文件压缩

文件压缩插件,可在上传之前对文件进行压缩。 传送门

npm install --save lrz

十二、mavon-editor Markdown编辑器

基于Vue的markdown编辑器,支持各种个性化特性 传送门

npm install mavon-editor --save

十三、marked 解析Markdown

一款用来解析Markdown数据的插件。传送门

npm install marked --save

十四、highlight.js 代码高亮

代码语法高亮插件,有很多内置样式选择,可与Markdown解析配合使用。传送门

npm install marked --save

十五、html2canvas html转为画布

将html转换为canvas画布,一般用于生成海报场景中(需将canvas转为img) 传送门

npm install html2canvas --save

十六、better-scroll 移动端滚动插件

BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件,适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景 [传送门] (https://github.com/ustbhuangyi/better-scroll)

npm install better-scroll --save

十七、vue-wechat-title

Vuejs 单页应用在iOS系统下部分APP的webview中 标题不能通过 document.title = xxx 的方式修改 该插件只为解决该问题而生(兼容安卓) [传送门] (https://www.npmjs.com/package/vue-wechat-title)

npm install vue-wechat-title --save

持续整理中。。。

2 条评论

    不错,感谢整理,以后有需要就在这里找了 

    首页右侧栏目有进群方式,可以进群一起学习交流哦 

    0
    0

    博客风格好简约啊 

    简约的外表下往往隐藏着内在的丰盈。欢迎常来哦😀 

    1
    1