常用的插件

1、lodash 防抖、节流
2、dayjs 处理时间 新闻常用
3、moment 处理时间
4、json-bigint 处理大数字
5、lib-flexible
作用监听屏幕尺寸变化,自动设置html根标签大小( rem 基准值)1rem就是屏幕宽度的10%
安装npm i amfe-flexible
引入import ‘amfe-flexible’
6、postcss-pxtorem
作用
自动将px转换为rem
最终达到的使用体验
设计稿写多少px
我们就写多少px

	`安装`
		npm install postcss-pxtorem@5.1.1 -D
	`配置`
		.postcssrc.js
			module.exports = {
  plugins: {
    'autoprefixer': {
      browsers: ['Android >= 4.0', 'iOS >= 8']
    },
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*']
    }
  }
}

7,格式化文章内容 markdown.css
8、corpper.js 裁剪图片的插件
9、mock.js 在后端没有完成时,进行数据的模拟
10、xlsx 解析excell表格
11、生成二维码 下载 npm i qrcode 语法:QrCode.toCanvas(dom, info)
12、 打印 vue-print-nb
import Print from ‘vue-print-nb’
Vue.use(Print);
使用v-print

  <el-row type="flex" justify="end">
          <el-button v-print="printObj" size="small" type="primary">打印</el-button>
   </el-row>
   printObj: {
        id: 'myPrint'
   

}
13、使用 npm i echarts 安装数据可视化图标
14、全屏插件的功能 npm i screenfull
15、使用 npm i vue-i18n 国际化

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值