移相器游乐场Monaco Editor在线编辑器

基于Monaco编辑器的移相器游乐场,算是前端圈里比较有意思的一个工具了。你打开浏览器,啥都不用装,就能开始写代码,体验感挺顺的。yarn start一跑,页面就起来了,适合边试边改的那种场景。

编辑器体验上,它借力了微软家的Monaco Editor,也就是 VS Code 用的那个编辑器核心,写起来顺手,提示也蛮智能的。尤其你写点复杂的TypeScript,它都能帮你盯着类型问题,不会乱飞。

部署也不麻烦,打包的时候一个yarn build就搞定。如果你想丢到 GitHub Pages 上,也支持,直接yarn gh-pages发布。整体下来,开发、预览、发布,一条龙。

哦对了,想了解Monaco怎么玩的,你可以看看这个 monaco-editor-samples,里面蛮多示例,挺值得一看。

如果你以前玩过TypeScript Playground,会有点既视感。这个项目更适合你自己动手搭个在线编辑环境,测试一些工具函数、小游戏逻辑之类的。

建议你试的时候开个开发者工具窗口,配合调试更方便。还有,记得留意浏览器兼容性,虽然主流浏览器问题不大,但 Safari 偶尔有点小毛病。

如果你喜欢写点小功能,又想在浏览器里直接跑,那这项目挺适合你玩玩的。

zip
phaser-playground-master.zip 预估大小:24个文件
folder
phaser-playground-master 文件夹
file
.gitignore 39B
file
package.json 859B
file
tslint.json 189B
folder
src 文件夹
file
editor.ts 2KB
file
game.ts 2KB
file
template.ts.txt 575B
folder
extraLibs 文件夹
file
p2.d.ts.txt 26KB
file
lib.es5.d.ts.txt 192KB
file
runtime.d.ts.txt 453B
file
pixi.comments.d.ts.txt 68KB
file
phaser.comments.d.ts.txt 1.52MB
file
main.ts 3KB
file
txt.d.ts 76B
file
webpack.config.js 2KB
file
LICENSE 1KB
file
tsconfig.json 399B
folder
examples 文件夹
file
breakout.ts 4KB
file
atari-intro.ts 1KB
file
README.md 602B
file
index.html 742B
folder
.vscode 文件夹
file
settings.json 422B
file
.gitattributes 30B
file
.editorconfig 130B
file
yarn.lock 178KB
zip 文件大小:406.75KB