微信小程序学习-1

前言:

小白学习磕磕绊绊

操作系统:windows11

一、微信开发助手下载和node下载

1..下载微信开发助手

2.node下载

下载这个主要是要查看下小程序的组件库是不是可以使用

1.下载官网

Node.js — Run JavaScript Everywhere (nodejs.org)(直接默认下载管它的)

2.查看一下是否成功

npm -v

node -v

3.环境配置(好像并不需要这个因为我直接装在C盘的位置上面,可是我还是做了

参考这个非常的详细

https://blog.csdn.net/WHF__/article/details/129362462

出现了这个问题,因为有一些软件包正在寻求资金支持

解决方法

npm config set fund false --location=global

二、WEUI组件库使用

使用WEUI是因为官方的组件库Bug还是少一点的相比较vantapp来说

1.初始化npm

npm init -y

 然后一直回车,出现这个就成功了

2.安装WEUI组件库

npm install --save weui-miniprogram --production

问题:

npm WARN config production Use `--omit=dev` instead. (bbb后面有很多)

解决方案:

管理员身份打开微信小程序开发助手输入命令就行了 

 

3.构建npm

工具->npm构建

4.测试 

在app.wxss中引用weui.wxss

@import "miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss";

然后在app.json

  "usingComponents": {
    "mp-dialog": "weui-miniprogram/dialog/dialog"
  }

三、微信界面

index.json:配置文件

index.wxml=html

index.wxss=css

index.js

  • 5
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值