Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cwaring/origin-playground
origin-app structure for prototyping and testing
https://github.com/cwaring/origin-playground
origin typescript vite vue3
Last synced: 25 days ago
JSON representation
origin-app structure for prototyping and testing
- Host: GitHub
- URL: https://github.com/cwaring/origin-playground
- Owner: cwaring
- License: mit
- Created: 2021-09-30T17:08:20.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2021-11-18T13:37:31.000Z (almost 3 years ago)
- Last Synced: 2024-10-07T22:11:06.055Z (about 1 month ago)
- Topics: origin, typescript, vite, vue3
- Language: TypeScript
- Homepage:
- Size: 606 KB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Origin
_The fast web3 application toolkit ⚡️_
[](https://stackblitz.com/github/application-research/origin-playground/)
**Example instance of origin 0.3-beta.x app structure**
See: https://github.com/application-research/origin for more info and features.
### Getting started
```sh
# init a local repo
npx degit application-research/origin-playground origin-app
```
### Development
```bash
# 0: install deps
npm i
# 1: start development mode
npm start
```
```bash
# production build /dist
npm run build
```
```bash
# preview production build /dist
npm run preview
```
### Recommended IDE Setup
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) + [Vue devtools (beta)](https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg)
This combo enables IDE support for [``](https://github.com/vuejs/rfcs/pull/227) which is included in Vue > v3.1.4. However, be sure to disable Vetur if you have it installed as these extensions conflict.
### Type Support For `.vue` Imports in TS
If you are using Volar the default configuration included in Origin enables prop types for `.vue` imports. To enable Volar takeover mode you will need to follow [some additional steps](https://github.com/johnsoncodehk/volar/discussions/471).