Fetch the repository succeeded.
# 安装依赖
npm i
# 开启本地服务
npm start
# 访问
组件测试:http://localhost:3000/
组件编辑器插件测试:http://localhost:3000/editor
在对应的文件夹下,新建组件文件,并编写代码,例如:
src/components/vue/formitem
目录下新建组件文件,文件夹内可以包括组件文件、样式文件(只支持.scss
),如果需要开发编辑器插件,可以在组件文件夹目录下新建plugin
目录,该目录包括组件插件文件,导入到爱速搭后,会解析为 vue 表单项 组件。src/util
目录下新建文件,导入到爱速搭后,会解析为 其他类型 的组件。文件支持 js、jsx、tsx 后缀
开发完成后,运行 npm run build
生成自定义组件压缩包 components.zip
,然后进入爱速搭 应用管理-自定义组件,点击「导入组件」,选中压缩包导入,等待组件编译完成后即可使用。
导入到爱速搭解析时,会自动根据文件名生成对应的组件 key,并在前加 custom-
前缀。
例如:一个名字为 vue-text.js
的组件文件,导入后,是通过 "type": "custom-vue-text"
来使用的。
所以组件的文件名不可以重复
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。