微信小程序学习-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