Animpen——码笔网

介绍

Animpen：构建测试和发现前端特效动画代码的最佳场所。

是面向前端开发人员和设计人员的社交化动画开发平台。在此你可以建立和部署自己的测试用例和效果演示，用来展示你的工作， 以及测试案例来学习和调试，同时也能通过查看别人的效果代码找到更多灵感。

animpen是定位是一个特效动画收集平台，由于他完整的在线代码编辑器功能，也能作为测试功能特性的最佳场所。

UI上和api风格参考了国外知名的codepen，毕竟人家做的太优秀了。而我只想做一个国内的平台，方便自己使用和交流学习。

已完成功能

1. 在线代码编辑器（格式化:beautify，预处理器:less/sass/scss/stylus、pug/markdown、label/typescript）
2. 新建动画、保存、预览、全屏、二维码预览、cdnjs支持
3. 推荐到首页、我的作品、删除、个人昵称修改
4. 登录、注册、评论留言等
5. 支持模板（vue、react），增加vConsole显示日志等信息
6. 支持嵌入到第三方网页中，embed
7. 支持快捷预览
8. 支持了多种Markdown 主题

计划后续开发

1. 支持vue单文件开发

最后欢迎大家一起交流提bug或者改进计划，感兴趣的同学欢迎一起实现后面的功能点。