搭建微信小程序的详细步骤(mpvue mpvue-weui fly.js)
本文介绍了搭建微信小程序(mpvue mpvue-weui fly.js)的详细步骤,分享如下:
微信小程序框架:mpvue ui框架:mpvue-weui请求请求:fly.js1项目初始化
注意:如果没有安装节点环境,请在线下载node.js进行安装。安装后,默认情况下将安装npm
接下来,在要构建的项目目录中打开cmd窗口(快捷方式:打开目录后按住键盘shift键,然后点击鼠标右键选择在此打开powershell窗口)
默认情况下,npm从外部网络下载软件包,这可能会很慢,可以用国内下载地址替换,如下所示
NPM SET REGISTRY https://registry.npm.taobao.org/被国内淘宝图片下载取代
npm install -g vue-cli全球安装vue-cli,vue的官方脚手架
Npm install -g webpack安装webpack打包管理
Npm安装-g vue全球安装vue框架
安装完上述强制定价后,我们将进入正题并初始化mpvue框架
vue init mpvue/mpvue-quick start my-project
进入项目文件夹并安装依赖包
项目正在运行
操作原理
2.项目运营
介绍项目,从微信小程序官网下载这个开发工具
项目正在运行
3.介绍mpvue-weui
然后介绍了mpvue-weui
只需导入weui.css文件,不要其他
https://kuangpf.com/mpvue-weui/#/mpvue-weui网站
接下来,创建一个新的测试页面来尝试weui
需要注意的标点符号,否则会报错
向npm再次运行dev添加了一个新页面,否则将找不到该页面(终止命令:ctrl c)
重新运行后,
去测试页面证明跳跃没问题
以weui的网格为例
结果
这个函数接口的代码是从上面的网站复制过来的,mpvue-weui项目也可以从git中克隆出来。里面有更详细的代码,可以直接复制使用
4.引入飞行请求
接下来,在请求部分,上面也推荐了fly.js,使用方法如下
使用npm安装fly.js
npm安装flyio的使用
以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。
版权声明:搭建微信小程序的详细步骤(mpvue mpvue-weui fly.js)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。