{"id":18148406,"url":"https://github.com/tinymins/vue-boilerplate","last_synced_at":"2025-04-24T03:31:24.578Z","repository":{"id":38983863,"uuid":"161178664","full_name":"tinymins/vue-boilerplate","owner":"tinymins","description":"Boilerplate for building SPA or chrome extension with Vue.js 2","archived":false,"fork":false,"pushed_at":"2023-03-15T08:28:23.000Z","size":2587,"stargazers_count":4,"open_issues_count":2,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-30T06:32:04.174Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/tinymins.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":"2018-12-10T13:23:34.000Z","updated_at":"2023-01-09T08:02:54.000Z","dependencies_parsed_at":"2023-02-15T06:45:50.775Z","dependency_job_id":null,"html_url":"https://github.com/tinymins/vue-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinymins%2Fvue-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinymins%2Fvue-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinymins%2Fvue-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinymins%2Fvue-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tinymins","download_url":"https://codeload.github.com/tinymins/vue-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250556325,"owners_count":21449980,"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-11-01T23:08:34.140Z","updated_at":"2025-04-24T03:31:24.562Z","avatar_url":"https://github.com/tinymins.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-boilerplate\n\n\u003e This repo is a boilerplate for `Vue.js v2` project. You could use it as a base to build your own web app or chrome extension.\n\n## Features\n\n\u003e Notice: This branch is not only SPA version but also chrome-extension version, you can just run build to build a chrome extension.\n  * Equip with Vue, TypeScript \u0026 ES6 \u0026 Babel 6 \u0026 Postcss (SCSS, LESS, STYLUS), build with Webpack 4.\n  * Support hot module replacement, it will hot reload the page when you modified the code.\n  * Support auto px2rem (default on) and auto px2viewport (default off).\n  * Lint codes with [eslint](https://github.com/eslint/eslint), [stylelint](https://github.com/stylelint/stylelint) and [vuelint](https://github.com/vuejs/eslint-plugin-vue), [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint).\n  * Support build a chrome extension, makes chrome extension development much easier.\n\n## Branches\n\n  `master` branch is a pure vue boilerplate without any 3rd-party ui framework.\n  `cube-ui` branch is a vue boilerplate with [cube-ui](https://github.com/didi/cube-ui) installed.\n  `element-ui` branch is a vue boilerplate with [element-ui](https://github.com/ElemeFE/element) installed.\n\n## How to use\n\n  ```bash\n  # First, clone this repo.\n  git clone https://github.com/tinymins/vue-scaffolding.git \u003cyourAppName\u003e \u0026\u0026 cd \u003cyourAppName\u003e\n\n  # Second, change git remote url to your own git repo and push.\n  git remote set-url origin \u003cyourAppGitRepoUrl\u003e \u0026\u0026 git push\n\n  # If you are in China, you can modify the npm registry for better network speed\n  npm config set registry https://registry.npm.taobao.org\n\n  # Then, run start, dependencies will be installed automaticly, and app will be launched.\n  npm start\n  ```\n\n## How to build\n\n  With everything in the previous chapter done first, build is very easy to do.\n\n  ``` bash\n  # build for production with minification\n  npm run build\n\n  # build for development\n  npm run build:development\n  ```\n\n  Nginx config sample\n\n  ```ini\n  location / {\n    try_files $uri $uri/ /index.html;\n  }\n  ```\n\n## How to switch to chrome-extension mode\n\n  Use extra parameter `--build-type=\"chrome-ext\"`:\n\n  ```shell\n  npm start -- --build-type=\"chrome-ext\"\n  npm run build -- --build-type=\"chrome-ext\"\n  ```\n\n### Debug Chrome extension\n\n  Start project\n\n  ```shell\n  npm start\n  ```\n\n  Quit all your Chrome instances, then start Chrome with web security disabled.\n\n  For OSX:\n\n  ```shell\n  open -a \"Google Chrome\" --args --disable-web-security --user-data-dir\n  ```\n\n  For WINDOWS:\n\n  ```bat\n  chrome.exe --disable-web-security --user-data-dir\n  ```\n\n### Build and publish Chrome extension\n\n  Run `npm run build:chrome-ext`, then you can load unpacked extension in chrome and select folder `dist`. You just need to packaging this folder and publish it to [Chrome web store](https://chrome.google.com/webstore/developer/dashboard).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftinymins%2Fvue-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftinymins%2Fvue-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftinymins%2Fvue-boilerplate/lists"}