常见开发问题

随记

运行项目时，需要点开某个页面文件，再点击运行。

---

每次新增页面、新增插件 …… 需要重新编译一下，若小程序仍没有生效，关闭所有项目，再重新打开项目。

---

pages.json 中引入的资源文件（例如，tabs 中的图片），应该存入 src/static 文件夹中。

---

在 manifest.json 中，可配置各个平台的 “专属” 配置，例如微信小程序中的 AppID。

判断开发/生产环境

export const isDev = process.env.NODE_ENV === 'development'
export const isProd = process.env.NODE_ENV === 'production'

vue 语法差异记录（遇到的）

• 不支持 vue 自定义指令
• 不支持 useTemplateRef 语法

样式相关

• 统一使用 rpx 作为单位，rpx 以 750 作为基准。
• 不支持 * 选择器。

小程序中嵌套组件 flex 失效

在封装组件的时候，如果组件的根节点使用了 flex 布局，可能会导致在小程序端该组件无法正常显示。

H5 端结构类似于：

<view>
  <item />
</view>

而在小程序端接口类似于：

<view>
  <view class="item-wrp">
    <item />
  </view>
</view>

小程序会自动包裹一层，导致 flex 失效。

解决方案：在封装组件时，尽量将结构节点统一封装进组件中。