{"id":13794855,"url":"https://github.com/capacitor-community/vue-cli-plugin-capacitor","last_synced_at":"2025-10-29T17:35:27.631Z","repository":{"id":37723700,"uuid":"151606760","full_name":"capacitor-community/vue-cli-plugin-capacitor","owner":"capacitor-community","description":"A Vue CLI 3/4 Plugin for Capacitor","archived":false,"fork":false,"pushed_at":"2023-03-04T03:52:59.000Z","size":440,"stargazers_count":133,"open_issues_count":8,"forks_count":8,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-15T19:43:30.324Z","etag":null,"topics":["android","android-studio","capacitor","ios","xcode"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/capacitor-community.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"github":"nklayman"}},"created_at":"2018-10-04T17:00:41.000Z","updated_at":"2025-03-12T11:27:13.000Z","dependencies_parsed_at":"2024-01-02T23:39:55.982Z","dependency_job_id":"68f3d642-d6a8-478f-9602-6c8bb2e40eff","html_url":"https://github.com/capacitor-community/vue-cli-plugin-capacitor","commit_stats":null,"previous_names":["nklayman/vue-cli-plugin-capacitor"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capacitor-community%2Fvue-cli-plugin-capacitor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capacitor-community%2Fvue-cli-plugin-capacitor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capacitor-community%2Fvue-cli-plugin-capacitor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capacitor-community%2Fvue-cli-plugin-capacitor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/capacitor-community","download_url":"https://codeload.github.com/capacitor-community/vue-cli-plugin-capacitor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250218461,"owners_count":21394324,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","android-studio","capacitor","ios","xcode"],"created_at":"2024-08-03T23:00:49.134Z","updated_at":"2025-10-29T17:35:27.579Z","avatar_url":"https://github.com/capacitor-community.png","language":"JavaScript","funding_links":["https://github.com/sponsors/nklayman"],"categories":["Plugins","Integrations [🔝](#readme)","Components \u0026 Libraries"],"sub_categories":["Community Plugins","Integrations"],"readme":"# Vue CLI Plugin Capacitor\n\n\u003e Turn your Vue SPA into an Android or iOS app with [Capacitor](https://capacitor.ionicframework.com/)\n\n## Install\n\nOpen a terminal in the directory of a Vue CLI 3/4 project, or create one with `vue create my-app`, and run the following command:\n\n```bash\nvue add capacitor\n```\n\nThen, configure Capacitor to [hide your app's splash screen](https://capacitor.ionicframework.com/docs/apis/splash-screen/#hiding-the-splash-screen) when VueJS is ready by adding the following code to your `src/main.js`:\n\n```diff\nimport Vue from 'vue'\nimport App from './App.vue'\n+ import { Plugins } from '@capacitor/core'\n+ const { SplashScreen } = Plugins\n\nVue.config.productionTip = false\n\nnew Vue({\n  render: h =\u003e h(App),\n+ mounted() {\n+   SplashScreen.hide()\n+ }\n}).$mount('#app')\n\n```\n\n## Start a Live Dev Server\n\nStart the dev server by running:\n\nWith [Yarn](https://yarnpkg.com):\n\n```shell\nyarn capacitor:serve # add --android or --ios to specify a target platform\n```\n\nOr with npm:\n\n```shell\nnpm run capacitor:serve # add --android or --ios to specify a target platform\n```\n\nThis will start a dev server, then open your native IDE (Android Studio or XCode). From here, run your app on an emulator or physical device. The app will connect to the dev server, allowing HMR.\n\n## Build Your App\n\nBuild your app by running:\n\nWith Yarn:\n\n```shell\nyarn capacitor:build # add --android and/or --ios to specify a target platform(s)\n```\n\nOr with npm:\n\n```shell\nnpm run capacitor:build # add --android and/or --ios to specify a target platform(s)\n```\n\nThis will bundle your app, then open your native IDE (Android Studio or XCode). From here, build your app with the IDE tooling to create an Android/iOS app.\n\n## Further Configuration\n\nTo learn more about Capacitor and how to use it, visit [Capacitor's Website](https://capacitor.ionicframework.com/). This plugin simply provides an easy-to-use interface for Vue CLI projects.\n\n## How It Works\n\n### Dev Server\n\n1. The normal development server is started with `vue-cli-service serve`.\n2. Capacitor is configured to load your app from the dev server's network url.\n3. The platform's native IDE is opened with `cap open [platform]`.\n4. When the native app is run, it connects to the dev server, allowing for HMR.\n\n### Build\n\n1. Your app is built as normal with `vue-cli-service build`.\n2. The bundled output is copied to the native app with `cap copy [platform]`. This runs for each platform specified.\n3. The platform's native IDE is opened, allowing you to create a final build of the native app.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcapacitor-community%2Fvue-cli-plugin-capacitor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcapacitor-community%2Fvue-cli-plugin-capacitor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcapacitor-community%2Fvue-cli-plugin-capacitor/lists"}