CodeSandbox에서 실행할 수있는 Vue.js 샘플 코드 요약
소개
CodeSandbox 라는 온라인 에디터 서비스로, 참고가 될 것 같은 Vue.js의 샘플 코드가 많이 공개되고 있었습니다. CodeSandbox에는 프리뷰 기능도 붙어 있으므로, 코드를 보면서의 동작 확인도 가능합니다. 궁금한 것을 정리해 둡니다.
샘플 요약
vue-todos 2
ToDo 목록 샘플.
h tps : // 코데 씨 d 보 x. 이오/s/mxxr2→4j
ゔ그림 LP 2
여러가지 포함된 랜딩 페이지의 샘플.
LP Vue Vuetify (fontawesome) Vuex axios Firebase Login (Email+Pass | Google) Recipes API New York Times APi
h tps : // 코데 씨 d 보 x. 이오/s/54lk4p3q0k
vue-workshop - fresh - 23/9/2019
Vue.js로 작성된 Vue.js 워크숍 자료. 이 교재 자체를 CodeSandbox상에서 편집하면서 진행해 가는 것 같다. 참신.
h tps : // 코데 씨 d 보 x. 이오 / s / ゔ - rk 쇼 p f 레 sh - 2392019 - 2 레이 z
Easy Shop
EC 사이트 샘플.
htps : // 코데씨 d보 x. 이오/s/1rz05wry73
여기에서 전체 화면 표시 미리보기를 붙여 갑니다.
Vue Hoteltest
호텔 홈페이지 샘플.
h tps : // 코데 씨 d 보 x. 이오 / s / 3106lv0l0
Vuetify + VueRouter 기본 레이아웃
범용적으로 사용할 수 있는 샘플.
htps : // 코데씨 d보 x. 이오/s/l761m0069m
Tiptap vuetify editor
tiptap이라는 Vue.js 용 편집기를 사용한 샘플. tiptap이 다기능으로 감동했다.
htps : // 코데씨 d보 x. 이오/s/p2wzz90
tiptap 자체의 소개 기사는 이쪽.
htps //w w. Moongi ft. jp / 2018 / 12 / 치p타 p ゔ 에 js % 에 5 % 90 % 91 % 에 3 % 81 % 91 % 에 3 % 81 % 에 % 에 3 % 83 % 에 3% 83% 81% 에 3% 81% 아 wy 하고 wyg% 에 3% 82% 에 8% 에 3% 83% 87% 에 3% 82%
결론
앞으로 포크하고 수정하면서 놀고 싶습니다. 두근두근.
Reference
이 문제에 관하여(CodeSandbox에서 실행할 수있는 Vue.js 샘플 코드 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/humminghorse/items/109b845cae8b441f6fa6
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
vue-todos 2
ToDo 목록 샘플.
h tps : // 코데 씨 d 보 x. 이오/s/mxxr2→4j
ゔ그림 LP 2
여러가지 포함된 랜딩 페이지의 샘플.
LP Vue Vuetify (fontawesome) Vuex axios Firebase Login (Email+Pass | Google) Recipes API New York Times APi
h tps : // 코데 씨 d 보 x. 이오/s/54lk4p3q0k
vue-workshop - fresh - 23/9/2019
Vue.js로 작성된 Vue.js 워크숍 자료. 이 교재 자체를 CodeSandbox상에서 편집하면서 진행해 가는 것 같다. 참신.
h tps : // 코데 씨 d 보 x. 이오 / s / ゔ - rk 쇼 p f 레 sh - 2392019 - 2 레이 z
Easy Shop
EC 사이트 샘플.
htps : // 코데씨 d보 x. 이오/s/1rz05wry73
여기에서 전체 화면 표시 미리보기를 붙여 갑니다.
Vue Hoteltest
호텔 홈페이지 샘플.
h tps : // 코데 씨 d 보 x. 이오 / s / 3106lv0l0
Vuetify + VueRouter 기본 레이아웃
범용적으로 사용할 수 있는 샘플.
htps : // 코데씨 d보 x. 이오/s/l761m0069m
Tiptap vuetify editor
tiptap이라는 Vue.js 용 편집기를 사용한 샘플. tiptap이 다기능으로 감동했다.
htps : // 코데씨 d보 x. 이오/s/p2wzz90
tiptap 자체의 소개 기사는 이쪽.
htps //w w. Moongi ft. jp / 2018 / 12 / 치p타 p ゔ 에 js % 에 5 % 90 % 91 % 에 3 % 81 % 91 % 에 3 % 81 % 에 % 에 3 % 83 % 에 3% 83% 81% 에 3% 81% 아 wy 하고 wyg% 에 3% 82% 에 8% 에 3% 83% 87% 에 3% 82%
결론
앞으로 포크하고 수정하면서 놀고 싶습니다. 두근두근.
Reference
이 문제에 관하여(CodeSandbox에서 실행할 수있는 Vue.js 샘플 코드 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/humminghorse/items/109b845cae8b441f6fa6
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(CodeSandbox에서 실행할 수있는 Vue.js 샘플 코드 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/humminghorse/items/109b845cae8b441f6fa6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)