Uniapp 是基于 Vue.js 的一个跨平台开发框架，可用于开发微信小程序、App、H5 等多个平台。在本文中，我们主要讲解如何用 uniapp 开发微信小程序。
首先，我们需要安装 uniapp 的脚手架工具。可以使用 npm 安装：
```
npm install -g @vue/cli
npm install -g @vue/cli-init
npm install -g @dcloudio/uni-cli
```
安装完成后，我们就可以使用 uniapp 创建一个微信小程序项目了。在命令行中运行以下命令：
```
uni-app create -t h5
```
这里使用的是 H5 模板，但是 uniapp 支持多个平台，所以如果需要创建微信小程序项目，只需在这个命令中加上平台参数：
```
uni-app create -t mp-weixin
```
接下来，我们需要在微信公众平台上注册一个账号，并创建一个小程序。创建完成后，拿到开发者 ID 和密钥，然后在项目根目录下的 `manifest.json` 文件中配置：
```
"mp-weixin": {
"appid": "your appid",
"setting": {
"urlCheck": true,
"es6": false,
"postcss": true,
"minified": true,
"newFeature": true,
"coverView": true,
"nodeModules": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"scopeDataCheck": false,
"uglifyFileName": false,
"checkInvalidKey": true,
"checkSiteMap": true,
"uploadWithSourceMap": true,
"compileHotReLoad": false,
"useIsolateContext": true,
"userConfirmedUseWebview": false,
"useStoreageOpenDataContext": true,
"prettier": false,
"minifyWXSS": true,
"autoPrefixWXSS": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
}
}
```
这里的 `appid` 为我们在微信公众平台上创建小程序时得到的 AppID，需要替换成自己的。
接下来，我们就可以使用 uniapp 开始开发我们的微信小程序了。在 `pages` 目录下创建一个页面，比如说 `index.vue`，然后编写如下代码：
```
```
然后，在 `pages.json` 文件中配置这个页面：
```
{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页"
}
}
],
"tabBar": {
"color": "#7A7E83",
"selectedColor": "#3cc51f",
"backgroundColor": "#ffffff",
"borderStyle": "white",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页"
},
{
"pagePath": "pages/logs/logs",
"text": "日志"
}
]
},
"globalStyle": {
"navigationBarTitleText": "uni-app"
},
"requiredBackgroundModes": ["audio"]
}
```
这里的 `path` 需要与页面文件名相同，并且需要注意文件路径写法：Windows 下使用反斜杠（\）而 Mac 和 Linux 下使用斜杠（/）。
最后，我们需要使用微信开发工具将项目编译成微信小程序，打开微信开发工具，选择项目文件夹，点击编译即可。之后，就可以在微信小程序中预览我们开发的微信小程序了。
总体来说，使用 uniapp 开发微信小程序非常方便快捷。开发者无需学习新的语言和框架，只需要熟悉 Vue.js 即可。同时，uniapp 还支持多个平台，可以大大提高开发效率。
