{"id":13423850,"url":"https://github.com/paulpflug/vue-dev-server","last_synced_at":"2025-03-19T02:30:36.781Z","repository":{"id":57395644,"uuid":"51398156","full_name":"paulpflug/vue-dev-server","owner":"paulpflug","description":"a small development server for building `vue` components","archived":false,"fork":false,"pushed_at":"2017-03-24T11:57:33.000Z","size":43,"stargazers_count":21,"open_issues_count":1,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-28T14:03:42.503Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/paulpflug.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}},"created_at":"2016-02-09T20:41:33.000Z","updated_at":"2023-04-08T14:01:36.000Z","dependencies_parsed_at":"2022-09-10T00:01:45.853Z","dependency_job_id":null,"html_url":"https://github.com/paulpflug/vue-dev-server","commit_stats":null,"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paulpflug%2Fvue-dev-server","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paulpflug%2Fvue-dev-server/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paulpflug%2Fvue-dev-server/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paulpflug%2Fvue-dev-server/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/paulpflug","download_url":"https://codeload.github.com/paulpflug/vue-dev-server/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243960361,"owners_count":20375102,"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":[],"created_at":"2024-07-31T00:00:43.727Z","updated_at":"2025-03-19T02:30:36.479Z","avatar_url":"https://github.com/paulpflug.png","language":"JavaScript","readme":"# DEPRECATED see [cerijs](https://github.com/cerijs) and [ceri-dev-server](https://github.com/cerijs/ceri-dev-server)\n\n# vue-dev-server\n\n## Why?\n\nWhen you decide to build a new reusable `vue` component, you probably want to see it in action in different environments without much effort.\n\n## What?\n\nvue-dev-server is a small development server for building `vue` components. It takes different environments (own components) and makes them available in your browser, of course with hot reload functionality.\n\n## How?\n\n### Install\n\n```sh\nnpm install --save-dev vue-dev-server\n// vue@1.0\nnpm install --save-dev vue-dev-server@1\n\n# dependencies\nnpm install --save-dev vue webpack vue-loader\n# dependencies of vue-loader\n# http://vuejs.github.io/vue-loader/start/tutorial.html\nnpm install --save vueify-insert-css\nnpm install --save-dev vue-html-loader css-loader vue-style-loader vue-hot-reload-api\\\n  babel-loader babel-core babel-plugin-transform-runtime babel-preset-es2015\\\n  babel-runtime@5\\\n```\n\n### Usage - cli\n\n```\nUsage: vue-dev-server [options]\n\n  Options:\n\n  -h, --help           output usage information\n  -V, --version        output the version number\n  -p, --port \u003cnumber\u003e  port to use (default: 8080)\n  -f, --folder \u003cpath\u003e  root path (default: dev)\n  -s, --static \u003cpath\u003e  exports a static version\n```\n\n### Setting up an environment\n\nBy default `vue-dev-server` will look in the `dev` folder for `vue` files.\nJust create a `someName.vue` file there. Require your component from there normally.  \nAll environments will then be accessible under `http://localhost:8080/`.\n\n##### Example of project layout\n```\n./dev/env1.vue // links your component. Contains an environment to interact with your component.\n./src/comp.vue // your component.\n./comp.js // your component compiled down to ES5 (for examply by `vue-compiler`).\n```\nIf you need more examples check out [vue-comps](https://github.com/vue-comps). I'm using `vue-dev-server` for all my components.\n\n### Using static option to create a demo for github pages\n\nin conjuction with [gh-pages](https://github.com/tschaub/gh-pages), creating a demo is as simple as this:\n```sh\nvue-dev-server --static static/ \u0026\u0026 gh-pages -d static\n```\njust make sure you include the static folder in your .gitignore\n\n### Setting up webpack\n\nThis is the default loaders list:\n```coffee\nmodule.exports = {\n  module:\n    loaders: [\n      { test: /\\.vue$/, loader: \"vue-loader\"}\n      { test: /\\.html$/, loader: \"html\"}\n      { test: /\\.css$/, loader: \"style-loader!css-loader\" }\n    ]\n}\n```\nIf you need you own, put a webpack.config.js /.coffee/.json in the `dev` folder.\n\n### Additional info\n\n - Add the `dev/index.js` to your `.gitignore`  \n - You can create a npm script in your `package.json`, `\"scripts\": {\"dev\": \"vue-dev-server\"}`. Then you can call it by `npm run dev`\n\n## Changelog\n- 2.0.0  \nnow compatible with vue 2.0.0  \n\n- 1.0.0  \nsame as 0.2.10  \n\n## License\nCopyright (c) 2015 Paul Pflugradt\nLicensed under the MIT license.\n","funding_links":[],"categories":["Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Awesome Vue.js","JavaScript","叫研发工具组","Components \u0026 Libraries","Dev Tools","Dev Tools [🔝](#readme)","Vue"],"sub_categories":["Development Tools","付款","Dev Tools","Vue CLI 3 Plugins","Tools","Miscellaneous"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaulpflug%2Fvue-dev-server","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpaulpflug%2Fvue-dev-server","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpaulpflug%2Fvue-dev-server/lists"}