0.前言
上一篇，山海鲸可视化软件使用技巧——初体验 - 掘金 (juejin.cn)我说了山海鲸的基本使用，但只是总体介绍了软件基本使用流程，没有详细说怎么去做一个项目，并将项目发布演示，下面就详细说一下项目的开发过程，以及一些开发时用到的技巧。
相信可以快速帮助你上手这个软件。
1.项目编辑
1.1设置项目画布宽高
如下图所示，这两个项目的预览图，他们的比例就是不一样的，这个比例我们需要根据要展示的屏幕宽高比例来确定，左边是32:9的，右边是16:9，如果我们做的画布宽高比和大屏宽高比不相同，那就要修改。
之前项目开发当中就遇到改变宽高比的情况，原本客户使用的是32:9的长屏幕来演示的，但是后面客户改变了演示场地，屏幕也变为16:9的，然后我们就加工加点改版本。ε=(´ο｀*)))唉！
所以，我们在设计的时候就要考虑这个问题，尽量设计为两种比例可以快速改变，比如两个短屏的组合成一个长屏的。
注意：超出画布的区域的组件将不会显示，如果有些组件我们不显示，又不想删除，就可以拖到画布区域外面。
1.2设置背景面板
在项目的子看板当中，分为前景看板，普通子看板和背景看板三种。其中前景看板和背景看板是单一的，普通看板可以随便加。
我们每个项目都会有多个屏展示，其中导航，按钮，背景图片是相同的，这些就可以做到背景面板当中。
我写了一个计算宽高比的小demo，方便查看屏幕的宽高比(^▽^)
1.3组件分组
对于同一个模块的组件，我们可以通过分组面板进行分组，方便管理。
按住shift就可以进行多选组件，然后右键点击，将组件合并到分组或者移动到已有分组当中。
1.4设置参考图
在我们开发的时候，往往需要有一个参考图，会是设计图或者原型图，也许是一个草图，我们可以用图片的方式导进去，然后设置大小和透明度，最后放到组件最底层，再锁定图片。这样参考图就可以了。
1.5搜索组件
我们在添加组件的时候，经常要去找，我们可以记住组件的名字，然后按ctrl+F进行搜索组件。
对于已经有的组件，我们可以直接ctrl+c复制组件，在点击到要粘贴的分组，ctrl+V粘贴。
1.6常用快捷键
在画布的右下角有一个键盘的图标，点击可以查看快捷键列表。下面是几个常用的快捷键：
ctrl+F 搜索组件
ctrl+c、ctrl+v 复制粘贴
ctrl+z、ctrl+y 撤销恢复
ctrl+s、ctrl+e 保存发布
ctrl+A是全选组件或者分组当中的组件
按住空格，再按住鼠标左键可以拖动画布移动
ctrl+滚轮是放大缩小
放大超出屏幕之后，shift+滚轮是左右移动，alt+滚轮是上下移动
删除组件是delete，或者右键点击组件选删除
1.7快速开发页面
在开发的时候，我们会有很多要修改的地方，会使用到很多组件，这时候，我们可以按照设计稿来讲同一类的组件放到对应的位置，先不管样式，把框架搭好，对于组件的名称，样式后面再来统一调整。
注意在搭框架的时候，分组也要进行，分组名字可以后面改，然后就是内容也是后面加。
