如何在vue-cli中使用Quill-image-resize-module

要在Vue CLI中使用Quill-image-resize-module，请按照以下步骤操作：

1. 安装Quill和Quill-image-resize-module

打开终端并运行以下命令：

npm install quill quill-image-resize-module --save

2. 在Vue组件中导入Quill和Quill-image-resize-module

在Vue组件的`<script>`标签中导入Quill和Quill-image-resize-module：

import Quill from 'quill'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import ImageResize from 'quill-image-resize-module'

3. 在Vue组件中注册Quill-image-resize-module

在Vue组件的`<script>`标签中注册Quill-image-resize-module：

Quill.register('modules/imageResize', ImageResize)

4. 在Vue组件的模板中使用Quill

在Vue组件的模板中使用Quill，并添加`imageResize`模块：

<template>
  <div id="editor">
    <quill-editor :options="editorOptions" v-model="content"></quill-editor>
  </div>
</template>

<script>
import Quill from 'quill'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import ImageResize from 'quill-image-resize-module'
import { QuillEditor } from 'vue-quill-editor'

Quill.register('modules/imageResize', ImageResize)

export default {
  components: {
    QuillEditor,
  },
  data() {
    return {
      content: '',
      editorOptions: {
        modules: {
          toolbar: [['bold', 'italic', 'underline', 'strike'], ['image']],
          imageResize: {},
        },
      },
    }
  },
}
</script>

现在，您可以使用Quill-image-resize-module在Vue CLI中调整图像大小了。