初识微信小程序

新建小程序

创建一个新的微信小程序项目：

1. 打开微信开发者工具，点击“新建项目”。

2. 在弹出的窗口中，填写小程序的 AppID、项目名称和项目目录等信息。

3. 点击“确定”按钮，等待微信开发者工具自动下载并安装所需的依赖库和框架。

4. 安装完成后，进入项目目录，在命令行中输入“npm install”命令，安装项目的依赖库和插件。

5. 安装完成后，可以在微信开发者工具中预览和调试小程序。

需要注意的是，创建新的小程序项目需要先注册一个微信公众平台账号，并获取到相应的 AppID。同时，还需要在微信开发者工具中登录自己的微信开发者账号。

安装UI组件库

1. 在微信开发者工具中，打开需要安装vant的小程序项目。

2. 在命令行中输入“npm install vant-weapp”命令，安装vant-weapp组件库。

3. 在微信开发者工具中找到构建npm，点击构建后会发现多了一个miniprogram_npm的文件夹

4. 在小程序项目的根目录下创建一个名为“app.json”的文件，并在其中添加以下配置：

"usingComponents": {
    "van-grid": "@vant/weapp/grid/index",
    "van-grid-item": "@vant/weapp/grid-item/index"
}

5、可以在wxml中直接使用组件

认识wxml

WXML是微信小程序的标记语言，类似于HTML,用于描述页面的结构和内容。开发者可以使用WXML编写小程序的页面结构，包括文本、图片、按钮等元素。WXML还支持数据绑定和事件处理等功能，使得开发者可以方便地实现页面的交互效果。

认识wxss

WXSS是微信小程序的样式表语言，类似于CSS,用于描述页面的样式和布局。开发者可以使用WXSS为小程序的页面添加样式，包括字体、颜色、背景、边框等。WXSS还支持响应式布局和动画效果等功能，使得开发者可以方便地实现页面的美观和交互效果。