引入 FormMaking V3

点击这里 下载产品(选择V3版本),下载后将其解压到项目中。

可以放于项目任何位置上,本文档以项目根目录为例,其他位置只需要修改引入路径即可

image.png

Import 引入

  1. import FormMakingV3 from 'form-making-v3/dist/form-making-v3.es.js'
  2. import 'form-making-v3/dist/index.css'

浏览器引入

直接通过浏览器的 scriptlink 标签导入 FormMaking V3,就可以使用全局变量 FormMakingV3 了。

  1. <link rel="stylesheet" href="form-making-v3/dist/index.css">
  2. <script src="form-making/dist/form-making-v3.umd.js"></script>

引入 Element Plus

  1. # NPM
  2. $ npm install element-plus --save
  3. # Yarn
  4. $ yarn add element-plus
  5. # pnpm
  6. $ pnpm install element-plus

引入 Ant Design Vue

如果需要渲染 Ant Design Vue 的组件,需要引入 Ant Design Vue 组件库。
项目中目前使用的是 ant-design-vue@3.x 版本,建议在项目中使用 3.x 版本。
可以进入 Ant Design Vue 文档 查看。