{"id":21244081,"url":"https://github.com/aaronksaunders/parcel-vue-sample","last_synced_at":"2025-06-28T12:36:53.840Z","repository":{"id":139353037,"uuid":"129834787","full_name":"aaronksaunders/parcel-vue-sample","owner":"aaronksaunders","description":"sample application using parcel zero config bundler with vuejs","archived":false,"fork":false,"pushed_at":"2018-04-17T02:44:16.000Z","size":39,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-15T04:26:35.261Z","etag":null,"topics":["parcel-vue","parceljs","vuejs","zero-configuration"],"latest_commit_sha":null,"homepage":null,"language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aaronksaunders.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-04-17T02:34:17.000Z","updated_at":"2018-04-17T02:45:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"ae4b604c-4bbb-4466-96b2-b46c1c864028","html_url":"https://github.com/aaronksaunders/parcel-vue-sample","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aaronksaunders/parcel-vue-sample","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fparcel-vue-sample","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fparcel-vue-sample/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fparcel-vue-sample/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fparcel-vue-sample/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aaronksaunders","download_url":"https://codeload.github.com/aaronksaunders/parcel-vue-sample/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fparcel-vue-sample/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262432383,"owners_count":23310237,"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":["parcel-vue","parceljs","vuejs","zero-configuration"],"created_at":"2024-11-21T01:15:44.986Z","updated_at":"2025-06-28T12:36:53.820Z","avatar_url":"https://github.com/aaronksaunders.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Parcel with Vue.js\nBlazing fast, zero configuration web application bundler\n\n- https://parceljs.org/\n\n\n## Getting Started\n\ncreate new project directory and run the following commands in the new directory\n```\nnpm install --save vue\nnpm install --save-dev parcel-bundler\n```\nAdd the following lines in the newly create `package.json` file\n```\n\"scripts\": {\n  \"start\": \"parcel index.html\"\n}\n```\nCreate an `index.html` file with the following code\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n  \u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\"\u003e\n    \u003ctitle\u003eParcel Vue.js Example\u003c/title\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003cdiv id=\"app\"\u003e\u003c/div\u003e\n    \u003cscript src=\"./src/app.js\"\u003e\u003c/script\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\nCreate a `src` directory and add the file `app.js` and add the basic information for a `vue.js` application\n```javascript\nimport Vue from 'vue'\nimport App from './App.vue'\n\n/* eslint-disable no-new */\nnew Vue({\n    el: '#app',\n    render: h =\u003e h(App),\n])\n```\nfinally create a vue file `App.vue`\n```javascript\n\u003ctemplate\u003e\n  \u003cdiv id=\"app\" class=\"a\"\u003e\n    \u003ch1\u003eHello {{ title }} 🚀\u003c/h1\u003e\n    \u003cp\u003e📦 Parcel Vue.js using v1.7 \u003c/p\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nexport default {\n  name: \"app\",\n  data() {\n    return {\n      title: \"Vue.js with Parcel\"\n    };\n  }\n};\n\u003c/script\u003e\n\n\u003cstyle scoped\u003e\n#app {\n  font-family: Helvetica, Arial, sans-serif;\n  text-align: center;\n  color: #333333;\n  margin-top: 60px;\n}\n\u003c/style\u003e\n```\nnow in the terminal type the following\n```console\nyarn run start\n```\n\n## Referenced Content\n- vuejs.org\n- https://github.com/parcel-bundler/parcel/issues/732\n\n- http://blog.rangle.io/finding-your-gateway-to-learning-vue/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaronksaunders%2Fparcel-vue-sample","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faaronksaunders%2Fparcel-vue-sample","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaronksaunders%2Fparcel-vue-sample/lists"}