@roocky/vue-shudan

基于Vue.js的围棋盘组件

Usage no npm install needed!

<script type="module">
  import roockyVueShudan from 'https://cdn.skypack.dev/@roocky/vue-shudan';
</script>

README

基于Vue.js的围棋盘组件

起源

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

效果

Screenshot

功能

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

示例构建

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

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

在浏览器里预览效果：

$ npm run serve

发布最小体积版本：

$ npm run build

集成调用

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

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

加载后直接调用即可：

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