Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/daggerok/vue-ionic-example
How to start new Vue Ionic project
https://github.com/daggerok/vue-ionic-example
gh-pages ionic vue
Last synced: 6 days ago
JSON representation
How to start new Vue Ionic project
- Host: GitHub
- URL: https://github.com/daggerok/vue-ionic-example
- Owner: daggerok
- License: mit
- Created: 2019-12-08T16:41:26.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-10-24T20:50:01.000Z (3 months ago)
- Last Synced: 2024-11-11T15:35:23.945Z (2 months ago)
- Topics: gh-pages, ionic, vue
- Language: JavaScript
- Homepage: https://daggerok.github.io/vue-ionic-example/
- Size: 1.63 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-ionic-example [](https://travis-ci.org/daggerok/vue-ionic-example)
How to start new Vue Ionic project
## Project setup
```bash
npm i -g @vue/cli
vue create vue-ionic-example
cd vue-ionic-example
vue add router
npm i -E @ionic/core @ionic/vue
```
edit `src/main.js` file:
```js
import '@ionic/core/css/ionic.bundle.css';
// import Ionic from '@ionic/vue';
import { defineCustomElements as Ionic } from "@ionic/core/loader"; // add a direct link to @ionic/core
Vue.use(Ionic);
Vue.config.ignoredElements = [/^ion-/];
```
finally use ionic in your root `Aoo.vue` component:
```vue
My App
Home |
About
export default {
name: 'app',
};
```
## npm scripts
### Compiles and hot-reloads for development
```bash
npm start
```
### Compiles and minifies for production
```bash
npm run build
```
### Run your unit tests
```bash
npm t
```
## other repositories
* https://github.com/daggerok/typescript-ionic-nuxt-app
* https://github.com/daggerok/webflux-kotlin-nuxt-app
* https://github.com/daggerok/spring-boot-nuxt-spa
* https://github.com/daggerok/ionic-nuxt-app
* https://github.com/daggerok/nuxt-examples
* https://github.com/daggerok/vue-examples
## resources
* https://forum.ionicframework.com/t/is-it-possible-to-use-ionic-with-nuxt/163202/3
* https://ionicframework.com/docs/installation/cdn
* [Nuxt.js docs](https://nuxtjs.org)
* https://github.com/ionic-team/ionic/issues/18640#issuecomment-506304099
* [Configuration Reference](https://cli.vuejs.org/config/)