vue项目中的第三方插件

76 阅读1分钟
#安装sass预处理器
cnpm install sass-loader node-sass vue-style-loader --D

#安装stylus预处理
cnpm install stylus stylus-loader --D

#安装支持pug依赖
cnpm install pug pug-loader pug-filters -D

#安装支持jade依赖
cnpm install jade jade-loader -D

#安装vue-lazyload-----图片懒加载
cnpm install vue-lazyload -S

#安装vue-infinite-scroll -----鼠标滚动加载
cnpm install vue-infinite-scroll -S

#安装vue-currency-filter -----货币过滤器
cnpm install vue-currency-filter -S

#安装node-crypto-----加密插件
cnpm i node-crypto -S


#安装moment ----- 时间格式处理
cnpm install moment -S

使用:
import moment from 'moment'
filters: {
    dateFrm:function(el){
       //如果是毫秒数
      let d = new Date(parseInt(el))
      return moment(d).format("YYYY-MM-DD HH:mm:ss")
    }
  },
{{item.editTime | dateFrm}}


# 安装fastclick ----- 解决移动端点击300秒延迟
cnpm install fastclick -S
import fastclick from 'fastclick'
fastclick.attach(document.body)


# 安装babel-polyfill ----- ES6补丁转译 如promise
cnpm install babel-polyfill -D
import 'babel-polyfill'

# 安装better-scroll ----- 滚动场景需求的插件
npm install @better-scroll/core@next --save
https://better-scroll.github.io/docs/zh-CN/


# 安装create-keyframe-animation  ----- 创建动画
cnpm install create-keyframe-animation -S

# 安装 js-base64 ----- base64转码
cnpm install js-base64 -S

# lyric-parser ----- 歌词解析
cnpm install lyric-parser -S

# 安装 good-storage ------ 本地存储sessionStorage和localStorage的封装
cnpm install good-storage -S


#一个用于表单异步校验的库(集成到了elementUI中)
cnpm i async-validator -S

#json格式视图展示
npm install vue-json-viewer --save