HBuilder X 4.87引入自动导入插件unplugin-auto-import

1、电脑下载安装nodejs, 并安装。当前安装版本为node-v24.15.0-x64.msi , 验证安装:

2、在Hbuilder中右键项目,选择

在命令行中输入npm install -D unplugin-auto-import@0.18.5

=注意:版本0.18.5验证可行, 其他版本不一定能行!!!=

3、项目中新建js文件,如图

内容如下,

复制代码
import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
import AutoImport from 'unplugin-auto-import/vite';

export default defineConfig({
  plugins: [
    uni(),
    AutoImport({
      imports: [
        'vue',
        'uni-app',
        // ... 你的其他配置
      ],
      // ... 你的其他配置
    }),
  ],
});
相关推荐
嗯嗯**2 个月前
HBuilder学习1:概述、网站快速免费打包成apk
uniapp·apk·hbuilder·url快速打包成apk·网站快速打包成apk
雪碧聊技术9 个月前
uniapp简介
uni-app·hbuilder
栈狮1 年前
【已解决】HBuilder X编辑器在外接显示器或者4K显示器怎么界面变的好小问题
分辨率·hbuilder·dpi·界面缩小
Yvonne爱编码1 年前
CSS-5.1 Transition 过渡
前端·css·状态模式·html5·hbuilder
Yvonne爱编码1 年前
CSS- 4.3 绝对定位(position: absolute)&学校官网导航栏实例
前端·css·html·html5·hbuilder
Yvonne爱编码1 年前
CSS- 4.4 固定定位(fixed)& 咖啡售卖官网实例
前端·css·html·状态模式·hbuilder
Yvonne爱编码1 年前
CSS- 4.1 浮动(Float)
前端·css·html·github·html5·hbuilder
Yvonne爱编码1 年前
CSS- 4.2 相对定位(position: relative)
前端·css·状态模式·html5·hbuilder
Yvonne爱编码1 年前
CSS- 2.1 实战之图文混排、表格、表单
前端·css·html·github·状态模式·html5·hbuilder