# 安装与配置

### 核心API

```bash
npm install annil
# pnpm add annil
```

### 类型依赖

```bash
npm install --save-dev typescript@^6.0.3 miniprogram-api-typings@^5.2.1
# pnpm add -D typescript@^6.0.3 miniprogram-api-typings@^5.2.1
```

### 状态管理依赖

```bash
npm install mobx@^6.9.0
```

## 构建 npm

在微信开发者工具中执行：工具 → 构建 npm。

::: tip
使用 状态管理(mobx) 时,为避免报错 ——`process is not defined`, 需要在npm打包前修改 `node_modules/mobx/dist/index.js`中的内容：

```js
// 更改前
"use strict";

if (process.env.NODE_ENV === "production") {
  module.exports = require("./mobx.cjs.production.min.js"); // 仅保留这行即可
} else {
  module.exports = require("./mobx.cjs.development.js");
}
```

```js
// 更改后
"use strict";
module.exports = require("./mobx.cjs.production.min.js");
```

:::

## VS Code 插件

插件市场安装 搜索 `annil` 安装即可

## tsconfig.json 注意事项

::: tip
ts 6.0 后默认开启严格模式(`strict: true`), 导致函数参数逆变, 使函数赋值错误

```ts
{
  events: {
    onClick: (e: Dataset<{ id: string }>){
                  ^^^^^^ 
      // ...
    }
  };
}
```

关闭严格模式下的函数参数逆变 `strictFunctionTypes: false` 即可解决。

```json
{
  "compilerOptions": {
    "strictFunctionTypes": false
    // ...
  }
  // ...
}
```