当前位置: 首页 > Web前端 > HTML5

微信小程序搭建(mpvue+mpvue-weui+fly.js),多图

时间:2023-04-05 17:56:30 HTML5

微信小程序框架:mpvueui框架:mpvue-weuirequest请求:fly.js1。项目初始化注意:如果你还没有安装node环境,请先到网上下载node.js并安装。安装后,默认安装npm。接下来,进入到你要构建项目的目录,打开cmd窗口(快捷方式:打开目录,按住键盘shift,然后点击鼠标右键选择在这里打开powershell窗口就可以了)npm默认从外网下载包,可能比较慢,可以换成国内的下载地址,如下:npmsetregistryhttps://registry.npm.taobao.org/,这样就可以换了用国内的淘宝镜像下载了npminstall-gvue-cli全局安装vue-cli,vue官方脚手架npminstall-gwebpack安装webpack包管理npminstall-gvue全局安装vue框架现在,初始化mpvueframeworkvueinitmpvue/mpvue-quickstartmy-project,进入项目文件夹,安装依赖包。.引入mpvue-weui再引入mpvue-weui只要导入weui.css文件即可,其他没有使用mpvue-weui的网站https://kuangpf.com/mpvue-weui/#/接下来新建一个pagefortesting使用页面尝试weui需要注意的标点符号,否则会报错需要重新npmrundev新建一个页面,否则找不到页面(终止命令:ctrl+c)重新运行后进入测试页面,证明跳转引用weui的grid作为例子是没有问题的。这个功能接口的代码是从上面的网站上复制过来的。您还可以从git克隆mpvue-weui项目。里面有更详细的代码。直接复制使用4.引入flyrequest。请求的下一部分,fly.js也是上面推荐的。使用方法如下使用npm安装fly.jsnpminstallflyio使用方法