本文整理了在 HBuilder X 中使用自动导入的完整流程，包括项目为什么没有 Node 环境、如何配置 vite.config.js、从 Git 拉取项目后应做什么，以及自动导入功能背后的原理。 适合所有使用较新 HBuilder X 版本进行 uni-app 开发的用户。 如果你是按旧版教程操作、或从旧版 HBuilder X 升级到新版后遇到自动导入报错，可直接查看文末的“写在最后”部分。

在使用 uni-app 开发项目时，可能会遇到这样一个问题： 在子组件中通过 CSS 设置 uni-icons 图标颜色，却完全不生效。 无论怎么写： .uni-icons { color: red; } 图标就是纹丝不动。 先说结论 uni-icons 样式无法被覆盖，本质上是： scoped 样式隔离 小程序端重复嵌套结构 组件内部样式优先级太高 使用 :deep() + !important