迄今感觉最好的 Angular 5 在线编辑器&测试场 – Stupendous Angular 5 Online Editor & Playground

你所爱的在线编辑器

前言 —— Preface

是不是有时想整点小实验,又不想重新让 Angular Cli 编译整个项目?
Wanna do some experiements without resorting to AngularCli to recompile whole project?

来,小方今天给大家定制了这款碾压 Plnkr / JsFiddle / CodePen 的利器。
And you are fairly disappointed by Plnkr / JsFiddle / CodePen

体验 —— Check it out:

https://stackblitz.com/edit/angular-rxjs-playground-otj7ap?file=app%2Ftest%2Ftest.component.ts

Chrome 编辑器截图

更多 —— More

😊 优点 —— Pros

  • TypeScript 自动完成与语法高亮 —— TypeScript autocomplete & syntax highlight
  • rxjs / Angular / scss / html autocomplete (自动完成)
  • 完美动态语法支持自定义的 @types/,比如你可以加 在 npm 配置里加载 jquery.d.ts —— Type Infering & Validation (TypeScript) from any customized @types/ npm dependencies
  • npm 自定义库加载,支持 peer dependency 自动检测 —— npm package onfly loading / parsing and peer-dependency infering
  • 友好的语法错误、编译错误提示 —— Friendly Syntax Error / compilation error notification
  • 可导出完整的 Angular 项目 —— Able to export whole Angular App
  • 瞬时 Angular 重载 —— Instant Angular app reloading
  • 支持自定义Angular Cli 配置 —— Angular Cli conf supported

😅 缺点 —— Cons

  • 小问题:require 不支持 —— Minor: Couldn't support require
  • 小问题:无法拷贝文件或者文件夹 —— Minor: File or Folder copy & paste is not supported

📝 注释 —— Note

  • Bootstrap4 已经给您准备好了 —— Bootstrap 4 included

小方原文:https://www.xiaofang.me/2018/02/24/%E8%BF%84%E4%BB%8A%E6%84%9F%E8%A7%89%E6%9C%80%E5%A5%BD%E7%9A%84-angular-5-%E5%9C%A8%E7%BA%BF%E7%BC%96%E8%BE%91%E5%99%A8%E6%B5%8B%E8%AF%95%E5%9C%BA-stupendously-angular-5-online-editor-playground/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • one of the cornerstones of TRIZ is that the same problems...
    Norman_Plus阅读 1,562评论 0 0
  • 年纪轻轻的,怕什么坎过不去?一辈子就这么长,努力就好了。希望自己活得不世俗,有梦就去追,有喜欢的人就去爱,有想法就...
    另一面的自己阅读 1,607评论 0 0
  • 你将我置于大地的空茫 那思绪如同雪絮纷飞 找不到来时将路 亦不见归途巷道 只把童稚梦忆耽念 却惊觉墙内的幻化 墙外...
    老o苽o瓢阅读 2,890评论 0 0

友情链接更多精彩内容