브라우저에서 Angular나 React를 실행할 수 있는 녀석이다!
오늘은
『브라우저로 깔끔하게 Angular/React를 움직여 확인하고 싶어-! 가능하면 최신 버전 (또는 특정 버전)으로! 』
토카
『StackOverFlow에 질문을 던지거나 Qiita에 쓸 때 문제가 재현하는 최소로 실행 가능한 샘플을… 』
라든지의 요망에 사용할 수 있는 녀석의 이야기를 합니다!
즉 브라우저에서 움직임 트랜스 파일도 해 주는 에디터의 이야기입니다!
좋은 순서로 나란히 할 때.
StackBlitz

Angular, React, Ionic, TypeScript, RxJS, Svelte
그리고는 Kendo와도 대응하고 있다.
각 플랫폼에 대한 대응이 확고하고 & 가볍고 빠르므로 추천.
GitHub 동기화는
https://stackblitz.com/github/[ユーザー名]/[リポジトリ名]
형식입니다.GitHub 동기화 모르십니까? 위의 URL로 지정하면 github 참조하고 npm install도 실행합니다!
실제로 움직이는 견본은 이 .
이 리포지토리 를 참조해 움직이고 있다.
CodeSandbox

StackBlitz보다 지원 프레임 워크가 많다 (Vue라든지)
StackBlitz보다 무거운 느낌.
대응 프레임워크가 많은 만큼, 각 프레임워크용의 커스터마이즈가 부족하다고 생각한다.
예를 들어, Angular라면 데포에서 app.component.ts를 열어주지 않거나, 데코레이터의 사용에 대해 Lint에게 화나거나.
GitHub 동기화는 조금 번거롭고 지사를 지정해야합니다.
NG RUN

Angular 전용 온라인 편집기.
덧붙여서 공개하고 있는 github의 Angular 프로젝트라면, URL 지정하면 실행할 수 있다.
의미 모르겠어? 이런 느낌 에 URL
https://ng-run.com/github/[ユーザー名]/[リポジトリ名]
대단해-···.
이것은 왜 완전히 무료?
TODO : 돈을 지불하는 이미지
자세히 보면 Firebase의 무료 테두리로 열심히 하고 있는가? 그래?
Plunker

htps : // pln kr. 코/
전통.
2020년에 사용하는 것은 특히 없는 것은…
기타
Visual Studio Online
브라우저상에서 VS Code 상당의 것을 사용할 수 있는 사람.
자세한 것은 이쪽의 Qiita 기사로 Visual Studio Online에서 브라우저 상에서 VS Code를 사용 【Public Preview】 .
잘 모르겠지만 풀타임으로 달 $50 라는 것은 힘들 것 같다. 꿈은 있지만.
js도. 다른 t
htps : // js. t/

R.I.P

Reference
이 문제에 관하여(브라우저에서 Angular나 React를 실행할 수 있는 녀석이다!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kohashi/items/b2b91e1a217bfdcbd3f3텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)