{"id":18780567,"url":"https://github.com/codelinered/vue-skeleton","last_synced_at":"2026-02-08T19:07:25.257Z","repository":{"id":47692956,"uuid":"184712027","full_name":"CodelineRed/vue-skeleton","owner":"CodelineRed","description":"A Vue.js Skeleton with Gulp","archived":false,"fork":false,"pushed_at":"2024-10-31T16:39:58.000Z","size":134936,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-05-14T21:53:16.977Z","etag":null,"topics":["bootstrap","fontawesome","gulp","jquery","lazyload","slick-carousel","vue-i18n","vue-router","vuejs"],"latest_commit_sha":null,"homepage":"https://vue.codelinered.net","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/CodelineRed.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"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,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-05-03T07:00:39.000Z","updated_at":"2024-10-31T16:39:47.000Z","dependencies_parsed_at":"2022-08-21T13:20:20.895Z","dependency_job_id":"b4270df3-e257-496b-afc1-226bba1f2938","html_url":"https://github.com/CodelineRed/vue-skeleton","commit_stats":null,"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"purl":"pkg:github/CodelineRed/vue-skeleton","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodelineRed%2Fvue-skeleton","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodelineRed%2Fvue-skeleton/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodelineRed%2Fvue-skeleton/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodelineRed%2Fvue-skeleton/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodelineRed","download_url":"https://codeload.github.com/CodelineRed/vue-skeleton/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodelineRed%2Fvue-skeleton/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265573629,"owners_count":23790475,"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":["bootstrap","fontawesome","gulp","jquery","lazyload","slick-carousel","vue-i18n","vue-router","vuejs"],"created_at":"2024-11-07T20:27:11.469Z","updated_at":"2026-02-08T19:07:25.166Z","avatar_url":"https://github.com/CodelineRed.png","language":"JavaScript","readme":"# Vue Skeleton - CodelineRed\r\n\r\n[**Demo page**](https://vue.codelinered.net)\r\n\r\n## Table of contents\r\n- [Included Third Party Code](#included)\r\n- Install Guides\r\n    - [Install Production Build (Recommended)](#install-production-build-recommended)\r\n    - [Install Main/ Develop Build](#install-master-develop-build)\r\n    - [Install with Docker (optional)](#install-with-docker-optional)\r\n- [Project Commands](#project-commands)\r\n- [`gulpfile-config.js`](#gulpfile-configjs)\r\n- [Localization](#localization)\r\n- [Links](#links)\r\n\r\n## Included\r\n* [jQuery 3](http://jquery.com)\r\n* [Bootstrap 5](https://getbootstrap.com)\r\n* [Font Awesome 6](https://fontawesome.com)\r\n* [Slick Carousel 1](http://kenwheeler.github.io/slick/)\r\n* [LazyLoad 19](https://www.andreaverlicchi.eu/vanilla-lazyload/)\r\n* [CSS User Agent 2](https://www.npmjs.com/package/cssuseragent)\r\n* [Cookieconsent 3](https://github.com/insites/cookieconsent)\r\n* [Vue 3](https://vuejs.org/)\r\n* [Vue Router 4](https://router.vuejs.org/)\r\n* [Vue i18n 10](https://kazupon.github.io/vue-i18n/)\r\n* [Vue SFC 1](https://github.com/nfplee/gulp-vue-single-file-component)\r\n\r\n## Install Production Build (Recommended)\r\n\r\nOpen console on your OS and navigate to your project folder.\r\n[Download zip](https://github.com/CodelineRed/vue-skeleton/archive/production.zip) if you don't have git on your OS.\r\n### With Composer\r\n```shell\r\nphp composer create-project --ignore-platform-reqs --no-dev codelinered/vue-skeleton vue-skeleton \"dev-production\" \u0026\u0026 cd vue-skeleton\r\n```\r\n\r\n### With GIT\r\n```shell\r\ngit clone https://github.com/CodelineRed/vue-skeleton.git \u0026\u0026 cd vue-skeleton \u0026\u0026 git checkout production\r\n```\r\n\r\n### With ZIP\r\n\r\nUnix\r\n```shell\r\nwget -O vs-prod.zip https://github.com/CodelineRed/vue-skeleton/archive/production.zip \u0026\u0026 unzip vs-prod.zip \u0026\u0026 cd vue-skeleton-production\r\n```\r\n\r\nWindows 10+\r\n```shell\r\ncurl -L -o vs-prod.zip https://github.com/CodelineRed/vue-skeleton/archive/production.zip \u0026\u0026 tar -xf vs-prod.zip \u0026\u0026 cd vue-skeleton-production\r\n```\r\nIf you need PHP, you have to go to [Install with Docker](#install-with-docker-optional).\r\n\r\n## Install Main/ Develop Build\r\n### Required\r\n- [Node.js](http://nodejs.org/en/download/) \u003e= 18.17\r\n- [npm](http://www.npmjs.com/get-npm) `$ npm i npm@latest -g`\r\n- [gulp-cli](https://www.npmjs.com/package/gulp-cli) `$ npm i gulp-cli@latest -g`\r\n\r\nOpen console on your OS and navigate to your project folder.\r\n[Download zip](https://github.com/CodelineRed/vue-skeleton/archive/master.zip) if you don't have git on your OS.\r\n\r\n### With Composer\r\n```shell\r\nphp composer create-project --ignore-platform-reqs codelinered/vue-skeleton \u0026\u0026 cd vue-skeleton \u0026\u0026 npm i \u0026\u0026 gulp build \u0026\u0026 gulp watch\r\n```\r\n\r\n### With GIT\r\n```shell\r\ngit clone https://github.com/CodelineRed/vue-skeleton.git \u0026\u0026 cd vue-skeleton \u0026\u0026 git checkout main \u0026\u0026 npm i \u0026\u0026 gulp build \u0026\u0026 gulp watch\r\n```\r\n\r\n### With ZIP\r\n\r\nUnix\r\n```shell\r\nwget -O vs-main.zip https://github.com/CodelineRed/vue-skeleton/archive/main.zip \u0026\u0026 unzip vs-main.zip \u0026\u0026 cd vue-skeleton-main \u0026\u0026 npm i \u0026\u0026 gulp build \u0026\u0026 gulp watch\r\n```\r\n\r\nWindows 10+\r\n```shell\r\ncurl -L -o vs-main.zip https://github.com/CodelineRed/vue-skeleton/archive/main.zip \u0026\u0026 tar -xf vs-main.zip \u0026\u0026 cd vue-skeleton-main \u0026\u0026 npm i \u0026\u0026 gulp build \u0026\u0026 gulp watch\r\n```\r\nOpen [localhost:3000](http://localhost:3000) for Website.\r\n\r\n## Install with Docker (optional)\r\n### Required\r\n- [Docker](https://www.docker.com/)\r\n\r\nOpen console on your OS and navigate to the place where you want to install the project.\r\n\r\nUnix\r\n- Start Docker `systemctl docker start`\r\n- Copy and run commands below\r\n```shell\r\ndocker run --rm --interactive --tty --volume $PWD:/app composer create-project --ignore-platform-reqs --no-dev codelinered/vue-skeleton vue-skeleton \"dev-production\" \u0026\u0026 cd vue-skeleton \u0026\u0026 docker-compose up -d \u0026\u0026 xdg-open http://localhost:7702\r\n```\r\n\r\nWindows 10+\r\n- Start Docker Desktop `\"C:\\Program Files\\Docker\\Docker Desktop.exe\"`\r\n- Copy and run commands below\r\n```shell\r\ndocker run --rm --interactive --tty --volume %cd%:/app composer create-project --ignore-platform-reqs --no-dev codelinered/vue-skeleton vue-skeleton \"dev-production\" \u0026\u0026 cd vue-skeleton \u0026\u0026 docker-compose up -d \u0026\u0026 start http://localhost:7702\r\n```\r\nOpen [localhost:7702](http://localhost:7702) for Website.\r\n\r\n## Project Commands\r\n|                     | Description                                                                                                                                           |\r\n|---------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------|\r\n| gulp                | watch files and start [BrowserSync](https://www.npmjs.com/package/browser-sync)                                                                       |\r\n| gulp build          | executes following tasks: cleanUp, favicon, font, img, js, jsLint, jsRequire, jsRequireSAR, json, scss, scssLint, svg, vue, vueJs, vueJsLint, vueLint |\r\n| gulp lint           | executes following tasks: jsLint, scssLint, vueJsLint, vueLint                                                                                        |\r\n| gulp cleanUp        | clean up public folder                                                                                                                                |\r\n| gulp favicon        | generate favicons                                                                                                                                     |\r\n| gulp font           | copy font files                                                                                                                                       |\r\n| gulp img            | copy and compress images                                                                                                                              |\r\n| gulp js             | uglify, minify and concat js files                                                                                                                    |\r\n| gulp jsLint         | checks js follows [lint rules](https://github.com/CodelineRed/vue-skeleton/blob/master/src/app/js-lint.json)                                          | \r\n| gulp jsRequire      | copy, uglify and rename files for requirejs                                                                                                           |\r\n| gulp jsRequireSAR   | search and replace text in third party files (use this after every gulp jsRequire)                                                                    |\r\n| gulp json           | copy and minify json files                                                                                                                            |\r\n| gulp scss           | compile, minify and concat scss files                                                                                                                 |\r\n| gulp scssLint       | checks scss follows [lint rules](https://github.com/CodelineRed/vue-skeleton/blob/master/src/app/scss-lint.json)                                      |\r\n| gulp svg            | copy and compress svg files                                                                                                                           |\r\n| gulp thankYou       | a small thank for you                                                                                                                                 |\r\n| gulp vue            | transpile vue files                                                                                                                                   |\r\n| gulp vueJs          | transpile vue js files                                                                                                                                |\r\n| gulp vueJsLint      | checks vue js follows [lint rules](https://github.com/CodelineRed/vue-skeleton/blob/master/src/app/import-lint.json)                                  |\r\n| gulp vueLint        | checks vue follows [lint rules](https://github.com/CodelineRed/vue-skeleton/blob/master/src/app/vue-lint.json)                                        |\r\n| gulp watch          | watch scss, js, json, vue, img, font and svg files                                                                                                    |\r\n\r\n## Localization\r\n- [`i18n-locales.js`](https://github.com/CodelineRed/vue-skeleton/blob/master/src/js/vue/app/i18n-locales.js)\r\n- [`langswitch.vue`](https://github.com/CodelineRed/vue-skeleton/blob/master/src/js/vue/component/partial/langswitch.vue)\r\n\r\n## [`gulpfile-config.js`](https://github.com/CodelineRed/vue-skeleton/blob/master/src/app/gulpfile-config.dist.js)\r\n|                     | Description                                                                                                                                           |\r\n|---------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------|\r\n| browserSyncConfig   | Required - Defines which config is used for [BrowserSync](https://www.npmjs.com/package/browser-sync) (default: browserSyncDev)                       |\r\n| sourcePath          | Required - Path to raw files (default: src/)                                                                                                          |\r\n| publicPath          | Required - Path to transpiled files (default: public/)                                                                                                |\r\n| systemPath          | Optional - Alternative Path to transpiled files on CMS, ECS, PHP Framework, ... (default: path/to/system/)                                            |\r\n| env                 | Required - Environment dev, test or prod (default: dev)                                                                                               |\r\n\r\n## Links\r\n* [ESLint Js Rules](https://eslint.org/docs/rules/)\r\n* [ESLint Vue Rules](https://vuejs.github.io/eslint-plugin-vue/rules/)\r\n* [ESLint Import Rules](https://github.com/benmosher/eslint-plugin-import/tree/master/docs/rules)\r\n* [Sass Lint Rules](https://github.com/sasstools/sass-lint/tree/develop/docs/rules)\r\n* [Vue SFC](https://github.com/nfplee/gulp-vue-single-file-component)\r\n* [Path to RegExp](https://github.com/pillarjs/path-to-regexp/tree/v1.7.0#parameters)\r\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodelinered%2Fvue-skeleton","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodelinered%2Fvue-skeleton","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodelinered%2Fvue-skeleton/lists"}