VueChess
- Users can create private or public games against other real-timeplayer or against the computer by choosing color, time and type ofstarting, if public other users can view.
- The user customize your board and pieces to taste.
- Chat offers private chat with users connected well as file sharing inconversation and display items at that moment.
- Viewer items which are searched using filters and reproduce itemsmade by users.
- Solving puzzles: authenticated users can solve puzzles registered inthe system and add new ones, if the puzzle authorship is selected youcan edit or delete.
Images
in progress
Todo
- Load balancing work with redis. (Cooking with deepstream and nuxts)
- Load pgn file.
Install nodejs and mongodb
apt-get install nodejs-legacy npm
apt-get install mongodb
Run App
git clone https://github.com/gustaYo/vue-chess.git
cd vue-chess/server
yarn install
node server
// Get the address shown on console
// user test admin password yoyo
Build setup for developers
# install dependencies
# use these node_modules that I share to you to work correctly https://vue-chess-dependencies-enczdtjzdy.now.sh/
wget https://vue-chess-dependencies-enczdtjzdy.now.sh/
7z x node_modules.7z
# serve with hot reload at localhost:8080
yarn dev
# run server in new tab
cd /server
yarn install
node server
# Change the Dev variable in main.js to true
1. var Dev = true
# Accepts ssl certificate in localhost:(process.env.PORT || 3311)
# build for production with minification
# Change the Dev variable in main.js to false
npm run build
#Publish on server
rm -rf server/public/static
cp dist/static -r server/public/static
rm server/views/client.html
cp dist/index.html server/views/client.html
## Enjoy it
-
vue父组件加载子组件 棋盘 (vue-chessboard) Chessboard vue component to load positions, create positions and see threats. 棋盘Vue组件可加载位置，创建位置并查看威胁。 It uses chess.js for chess movements and validations 它使用Chess.js进行
-
组件用.vue还是.js vue-pgn (vue-pgn) A Vue.js component for browsing chess games in pgn format. Uses chess.js under the hood. 一个Vue.js组件，用于浏览pgn格式的国际象棋游戏。 在后台使用chess.js。 View demo 查看演示 Download Source 下载源 安
-
将canvas转化为图片并上传服务器，有两种思路 思路1 直接将canvas转化为base64编码，将base64编码的字符串上传服务器，让后端转化为图片； 思路2 需要将canvas的内容先转化为base64编码的字符串，再将字符串转化为file上传； 1 将canvas转化为file canvas转化为64 canvasToBase64: function(canvas){ //
-
构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的： var vm = new Vue({ // 选项 }) 虽然没有完全遵循 MVVM 模式， Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm 这个变量名表示 Vue 实例。 在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。全部的选
-
教程简介 本教程要实现一个简单的后台管理系统，包含登陆、数据列表、数据查询、列表分页、添加数据、修改数据和删除数据等功能，教程会从 Vue 入门开始讲解，包含 es6、Sass、Webpack、Bootstrap、jQuery 等技术，再到后台管理系统的一些常规功能，用 Vue 如何去实现。 也许会有人质疑 Vue 和 jQuery 的搭配，在我本人看来，jQuery 本身已很成熟，而且包含了很多
-
FAQ 哇，非常长的一页！是否意味着 Vue 2.0 已经完全不同了呢，是否需要从头学起呢，Vue 1.0 的项目是不是没法迁移了？ 非常开心地告诉你，并不是！几乎 90% 的 API 和核心概念都没有变。因为本节包含了很多详尽的阐述以及许多迁移的例子，所以显得有点长。不用担心，你不必从头到尾把本节读一遍！ 我该从哪里开始项目迁移呢？ 首先，在当前项目下运行迁移工具。我们非常谨慎地把高级 Vue
-
Integration with Vue is easily done with the @tinymce/tinymce-vue package. To use it, install it with npm like this: npm install @tinymce/tinymce-vue For information on how to use the package, check
-
本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性： 其它开发者或是团队成员更容易阅读和理解。 IDEs 更容易理解代码，从而提供高亮、格式化等辅助功能 更容易使用现有的工具 更容易实现缓存以及代码包的分拆 要点 尽量使用ES2015，遵循CommonJs规范 切勿直接操作DOM,所以也应该避免使用jQuery库 data属性一定要是一个函数并且返回一个json对象
-
全局配置 Vue.config 是一个对象，包含 Vue 的全局配置。可以在启动应用之前修改下列属性： silent 类型： boolean 默认值： false 用法： Vue.config.silent = true 取消 Vue 所有的日志与警告。 optionMergeStrategies 类型： { [key: string]: Function } 默认值： {} 用法： Vue.c