javascript - 如何在 sublime text 2 中创建自定义布局？

Question

我想创建一个 2 列布局，其中第 2 列被分成 2 行，但没有真正乐于尝试找出如何做到这一点。我知道这个布局被添加到 Main.sublime-menu 所以我复制了其中一个布局并将其命名为 Custom 1，但不确定我必须添加什么作为键/值对或数组。谁能帮我解决这个问题？

这是我到目前为止的工作：

{
                        "caption": "Custom 1",
                        "command": "set_layout",
                        "args":
                        {
                            "cols": [0.0, 0.5, 1.0],
                            "rows": [0.0, 0.5, 1.0],
                            "cells": [[0, 0, 1, 1], [0, 1, 1, 2], [0, 2, 1, 3]]
                        }
                    }

Answer 1

试试这个：

{
    "caption" : "Custom 1",
    "command": "set_layout",
    "args":
    {
        "cols": [0.0, 0.5, 1.0],
        "rows": [0.0, 0.5, 1.0],
        "cells":
        [
            [0, 0, 1, 2], [1, 0, 2, 1],
                          [1, 1, 2, 2]
        ]
    }
}

参考：

• https://gist.github.com/1320281

Answer 2

这种结构可以帮助您在 Sublime Text 中进行任何设计。

         0.0                             0.5                           1.0
          +-------------------------------+-----------------------------+

         0,0                             1,0                           2,0
   0.0    +-------------------------------+-----------------------------+
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |   0,1                              1,1                           2,1
  0.33    |                               +-----------------------------+
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |   0,2                              1,2                           2,2
  0.66    |                               +-----------------------------+
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |    |                               |                             |
     |   0,3                             1,3                           2,3
   1.0    +-------------------------------+-----------------------------+

http://asciiflow.com/#0B0pB9AbvJ9zLcHFZYnp2YTZjNU0

---

Sublime View：（2列，1列分成3行）

您的键盘映射设置（首选项 -> 键绑定用户 -> 添加内括号）

{ "keys": ["alt+shift+7"],
    "caption": "2 cols (full - 3)",
    "command": "set_layout",
    "args":
        { "cols": [0.0, 0.5, 1.0],
          "rows": [0.0, 0.33, 0.66, 1.0],
          "cells": [ [0, 0, 1, 3], [1, 0, 2, 1], [1, 1, 2, 2], [1, 2, 2, 3] ]
        }
}

Answer 3

如果您想要一个两行布局，其中第一行包含一个面板（一列），而第二行包含两列，请使用以下代码：

{
    "caption": "1. Full - 2. 2 columns",
    "command": "set_layout",
    "args":
    {
        "cols": [0.0, 0.5, 1.0],
        "rows": [0.0, 0.5, 1.0],
        "cells":
        [
            [0, 0, 2, 1], 
            [0, 1, 1, 2], [1, 1, 2, 2]
        ]
    }
}

Answer 4

试试很棒的sublime-SplitScreen插件。

• 通过包控制安装：Cmd+Shift+P，然后安装包并搜索“SplitScreen”。
  • Cmd在 Mac 中，Ctrl否则。
• 安装后，Alt+Shift+S激活插件，输入口粮之类7:3,2:1的实现这样的布局：

--------------------
| | |
| | |
| | |
| | |
--------------------
| | |
| | |
--------------------

• 项目自述文件中的更多示例。