Golden Layout

Golden Layout"/>

Golden Layout

Golden Layout 一种用于Webapps的多窗口布局管理器
项目地址：
官网：

获取

方法一

cnpm install golden-layout

方法二

git clone .git

国内推荐使用Github的镜像地址 ：

git clone .git

克隆完成后进入 golden-layout 目录
cd golden-layout
安装依赖的库
cnpm install --save-dev # 注意此处的开发依赖
打包
npm run build
打包好的库文件位于 dist 目录下，此处使用 umd 中的文件

方法三

直接去官网下载。

使用

包括依赖项

GoldenLayout需要jQuery才能工作，可以使用 <script> 标签直接包含它：

<script type="text/javascript" src=".11.1.min.js"></script>

或者，如果使用的是 RequireJs，请确保 jQuery 被添加至路径中。例如，将以下内容添加到的 require 配置中：

paths: {'jquery':  '../bower_components/jquery/dist/jquery.min'
}

接下来，添加GoldenLayout的主 .js 和 .css 文件：

<script type="text/javascript" src=".min.js"></script>
<link type="text/css" rel="stylesheet" href=".css" />

goldenlayout-base.css 仅包含结构部分，因此还需要一个主题。只需从可用文档中选择一个并包含其CSS文件即可：

<link type="text/css" rel="stylesheet" href=".css" />

配置布局