uniapp安装npm依赖,导入,使用

1.本文以uniapp安装并使用动画组件animate为案例书写,其余组件可使用相同方法套用

2.第一步现在先打开命令行,检查npm是否已经正确安装,输入npm -v ,返回版本号则证明npm安装正常,如有问题,自行百度npm安装

3.npm环境正常,在命令行打开项目根目录,例如:E:\XX\XXX\XX

4.输入相应的安装命令,例如我的是动画安装命令为:npm install animate.css --save,会有相应的提示信息,提示安装成功

 5.安装成功后,就可以在项目目录下发现node_modules目录,这个目录下面就有自己所需要的组件,如下

 6.引入打开项目目录下main.js,输入import Animate from "animate.css",Vue.use(Animate)两个命令就可以在其他页面引用了,如下

 7.以上步骤做完就可以在本项目下任意页面使用了,例如view组件添加一个点击效果,注意新版和旧版的用法区别,新版使用方法animate__animated animate__动画效果,必须加上animate__animated才会有效果

 8.本文以项目中使用动画为例,亲测,如有什么问题,请留言讨论

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值