npm install @form-create/designer npm install @form-create/element-ui 引入 CDN: <!-- import Vue.js --><scriptsrc="https://unpkg.com/vue@2.7.16/dist/vue.js"></script><!-- import stylesheet --><linkrel="stylesheet"href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><...
npm npm i wch-vue3-form-create-designer 页面效果 使用 1.全局注册 main.js import { createApp } from 'vue' const app = createApp(App) // 引入设计器样式 import 'wch-vue3-form-create-designer/dist/style.css' import FcDesigner from 'wch-vue3-form-create-designer' app.use(FcDesigner)...
将form-create-designer嵌入到Vue3项目中,你需要遵循以下步骤: 1. 在Vue3项目中安装form-create-designer库 首先,你需要在你的Vue3项目中安装form-create-designer库(如果它支持Vue3)。由于form-create-designer的具体安装命令可能因版本而异,以下是一个通用的npm安装命令: bash npm install form-create-designer -...
npm install @form-create/designer 引入CDN:<!-- import Vue.js --> <script src="//vuejs.org/js/vue.min.js"></script> <!-- import stylesheet --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- import element --> <script src="https...
form-create-designer 是基于@form-create/element-ui实现的表单设计器组件。可以通过拖拽的方式快速创建表单,轻松帮你搞定表单。 源码地址:Github|GItee 在线演示 安装 npm install @form-create/designer 引入 CDN: NodeJs: 请自行导入ElementUI并挂载 importformCreatefrom'@form-create/form-create'importFcDesigner...
npm install @form-create/designer@next npm install @form-create/element-ui@next npm install element-plus import FcDesigner from '@form-create/designer' import ELEMENT from 'element-plus'; import 'element-plus/dist/index.css'; app.use(ELEMENT); app.use(FcDesigner) app.use(FcDesigner.formC...
npm install @form-create/vant-designer@next npm install @form-create/element-ui@next npm install @form-create/vant@next npm install element-plus npm install vantimport FcDesignerMobile from '@form-create/vant-designer' import ELEMENT from 'element-plus'; import vant from 'vant'; import 'vant...
o在项目根目录下运行npm run build命令,将源代码打包成生产环境下的代码,并输出到dist/目录下。 o将dist/目录下的代码部署到服务器上,即可供用户访问和使用。 6.注意事项 o在开发过程中,需要注意代码的可读性和可维护性,以及良好的编码规范。 o在打包和部署时,需要注意配置正确的环境变量和路径,以确保代码的正...
npm install @form-create/designer@next请自行导入ElementPlus并挂载import formCreate from '@form-create/element-ui' import FcDesigner from '@form-create/designer' app.use(formCreate) app.use(FcDesigner)使用<fc-designer ref="designer"/>组件propsmenuMenuList 重新配置拖拽的组件 heightint|string ...
npm i form-designer-naiveui 请自行导入NaiveUI并挂载 importformCreatefrom'@form-create/naive-ui'importFcDesignerfrom'form-designer-naiveui'app.use(formCreate)app.use(FcDesigner) 使用 <fc-designerref="designer"/> 设置多语言 通过locale 配置项设置语言 ...