Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wobsoriano/codeplayground
Codepen.io clone using Vue 3 and Monaco Editor
https://github.com/wobsoriano/codeplayground
tailwindcss vue
Last synced: 14 days ago
JSON representation
Codepen.io clone using Vue 3 and Monaco Editor
- Host: GitHub
- URL: https://github.com/wobsoriano/codeplayground
- Owner: wobsoriano
- Created: 2021-06-26T17:40:34.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-08-28T04:39:03.000Z (about 2 years ago)
- Last Synced: 2024-10-17T00:52:12.479Z (29 days ago)
- Topics: tailwindcss, vue
- Language: Vue
- Homepage: https://codeplayground.vercel.app
- Size: 232 KB
- Stars: 163
- Watchers: 3
- Forks: 45
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Code Playground
I attempt to clone codepen.io using Vue 3 and Monaco editor.
## Installing
1. Install dependencies
```bash
npm install
```
2. Fire up the server and watch files
```bash
npm run dev
```
## Built with
- [Vue 3](https://v3.vuejs.org/)
- [Vite](https://vitejs.dev/)
- [Monaco Editor](https://github.com/microsoft/monaco-editor)
- [Tailwind CSS](https://tailwindcss.com/)
- [VueUse](https://vueuse.org/)
- [Split.js](https://github.com/nathancahill/split)
- [Skypack for CDN imports](https://www.skypack.dev/)
- [Vercel](https://vercel.com/)
## Recommended IDE Setup
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar).
## Inspiration
- https://tailwind-layouts.vercel.app/
- https://play.tailwindcss.com/
## License
Licensed under the [MIT license](https://opensource.org/licenses/MIT).