【web前端开发】在HBuilderX中自定义组件新方法 - “当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上 at App.vue:4”

效果

要求

HBuilderX 3.1.0 版本以上，需要使用uni_modules开发自定义组件。

（旧版本的easycom用不了了，会和项目uni_modules下的组件冲突）

（旧版本的自定义组件方法：）uni-app注册全局组件 - 符合easycom_Rudon滨海渔村的博客-CSDN博客效果图环境要求HBuilderX 2.5.5起支持easycom组件模式。uni-app官网uni-app：一个使用 Vue.js 开发跨平台应用的前端框架https://uniapp.dcloud.io/collocation/pages?id=easycom官方手册 （对新手不友好，菜鸟本尊看得迷糊，照着抄都无法使用全局自定义组件...）实现步骤图+文（ 1 / 7）准备好HBuilderX（ 2/ 7）新建/components/文件夹（名字不能改）...https://rudon.blog.csdn.net/article/details/122839095

步骤

1. 先简单阅读官网新的相关说明
   uni-app官网 - uni_modulesuni-app：一个使用 Vue.js 开发跨平台应用的前端框架https://uniapp.dcloud.net.cn/uni_modules
2. 在HBuilderX打开项目
3. 对着目录uni_modules右键，“新建uni_modules插件”
   
   
    
4. 填写插件的名称
   
5. 创建成功，开始装饰
   原来：
   
   装饰后：
   \uni_modules\rm-slider\components\rm-slider\rm-slider.vue
   
   
   \pages\home\home.vue 
   
    
6. 效果