移相器游乐场Monaco Editor在线编辑器
基于Monaco编辑器的移相器游乐场,算是前端圈里比较有意思的一个工具了。你打开浏览器,啥都不用装,就能开始写代码,体验感挺顺的。yarn start
一跑,页面就起来了,适合边试边改的那种场景。
编辑器体验上,它借力了微软家的Monaco Editor,也就是 VS Code 用的那个编辑器核心,写起来顺手,提示也蛮智能的。尤其你写点复杂的TypeScript
,它都能帮你盯着类型问题,不会乱飞。
部署也不麻烦,打包的时候一个yarn build
就搞定。如果你想丢到 GitHub Pages 上,也支持,直接yarn gh-pages
发布。整体下来,开发、预览、发布,一条龙。
哦对了,想了解Monaco
怎么玩的,你可以看看这个 monaco-editor-samples,里面蛮多示例,挺值得一看。
如果你以前玩过TypeScript Playground
,会有点既视感。这个项目更适合你自己动手搭个在线编辑环境,测试一些工具函数、小游戏逻辑之类的。
建议你试的时候开个开发者工具窗口,配合调试更方便。还有,记得留意浏览器兼容性,虽然主流浏览器问题不大,但 Safari 偶尔有点小毛病。
如果你喜欢写点小功能,又想在浏览器里直接跑,那这项目挺适合你玩玩的。
phaser-playground-master.zip
预估大小:24个文件
phaser-playground-master
文件夹
.gitignore
39B
package.json
859B
tslint.json
189B
src
文件夹
editor.ts
2KB
game.ts
2KB
template.ts.txt
575B
extraLibs
文件夹
p2.d.ts.txt
26KB
406.75KB
文件大小:
评论区