搭建微信小程序的详细步骤(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的使用

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。