基于Vue.js的围棋盘组件

起源

Sabaki是一款精美的围棋软件，它的核心棋盘组件Shudan基于Preact编写。我很喜欢，于是用Vue.js重写了这个组件。

效果

功能

• 全面: 动态尺寸、落子动画、棋子标记、指示坐标、热度效果、忙碌效果、死子状态、主题更换等
• 灵活: 每部分可单独配置，代码也独立
• 易用: Vue标准组件，直接import即可用

示例构建

确保环境已安装Git/Node.js/npm，然后运行：

1$ git clone git@github.com:roocky-lab/vue-shudan.git
2$ cd vue-shudan
3$ npm install

在浏览器里预览效果：

1$ npm run serve

发布最小体积版本：

1$ npm run build

集成调用

项目添加这个库很简单，首先本地安装：

1$ npm install @roocky/vue-shudan --save 

加载后直接调用即可：

1import Goban from '@roocky/vue-shudan';