一、背景

今天有个需求，要实现类似 vscode 编辑器多个窗口可以拖拽改变大小的功能，我想着找个插件实现，又快又稳定，但还找了挺久，费了些时间，所以想特意开个贴，记录我实际用过比较好的插件，大家在使用这些插件的过程中，有问题也可以评论问我，我看到会尽力回复。

二、插件

（一）splitpanes - 多窗口布局，拖拽调整各窗口大小

1. 基本效果

2. 支持 vue 版本

Vue3 & Vue2。

3. 需要注意的问题

要想使用动图里默认的样式，需要加 default-theme 这个类名，具体代码如下：

<splitpanes class="default-theme">
  <pane min-size="20">1</pane>
  <pane>
    <splitpanes horizontal>
      <pane>2</pane>
      <pane>3</pane>
      <pane>4</pane>
    </splitpanes>
  </pane>
  <pane>5</pane>
</splitpanes>