PHPackages                             codelinered/vue-skeleton - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. codelinered/vue-skeleton

ActiveProject[Templating & Views](/categories/templating)

codelinered/vue-skeleton
========================

Vue.js Skeleton with Gulp

3.0.0(1y ago)04MITJavaScriptPHP >=5.5.9

Since Mar 6Pushed 1y agoCompare

[ Source](https://github.com/CodelineRed/vue-skeleton)[ Packagist](https://packagist.org/packages/codelinered/vue-skeleton)[ Docs](https://vue.codelinered.net)[ RSS](/packages/codelinered-vue-skeleton/feed)WikiDiscussions main Synced today

READMEChangelogDependenciesVersions (13)Used By (0)

Vue Skeleton - CodelineRed
==========================

[](#vue-skeleton---codelinered)

[**Demo page**](https://vue.codelinered.net)

Table of contents
-----------------

[](#table-of-contents)

- [Included Third Party Code](#included)
- Install Guides
    - [Install Production Build (Recommended)](#install-production-build-recommended)
    - [Install Main/ Develop Build](#install-master-develop-build)
    - [Install with Docker (optional)](#install-with-docker-optional)
- [Project Commands](#project-commands)
- [`gulpfile-config.js`](#gulpfile-configjs)
- [Localization](#localization)
- [Links](#links)

Included
--------

[](#included)

- [jQuery 3](http://jquery.com)
- [Bootstrap 5](https://getbootstrap.com)
- [Font Awesome 6](https://fontawesome.com)
- [Slick Carousel 1](http://kenwheeler.github.io/slick/)
- [LazyLoad 19](https://www.andreaverlicchi.eu/vanilla-lazyload/)
- [CSS User Agent 2](https://www.npmjs.com/package/cssuseragent)
- [Cookieconsent 3](https://github.com/insites/cookieconsent)
- [Vue 3](https://vuejs.org/)
- [Vue Router 4](https://router.vuejs.org/)
- [Vue i18n 10](https://kazupon.github.io/vue-i18n/)
- [Vue SFC 1](https://github.com/nfplee/gulp-vue-single-file-component)

Install Production Build (Recommended)
--------------------------------------

[](#install-production-build-recommended)

Open console on your OS and navigate to your project folder. [Download zip](https://github.com/CodelineRed/vue-skeleton/archive/production.zip) if you don't have git on your OS.

### With Composer

[](#with-composer)

```
php composer create-project --ignore-platform-reqs --no-dev codelinered/vue-skeleton vue-skeleton "dev-production" && cd vue-skeleton
```

### With GIT

[](#with-git)

```
git clone https://github.com/CodelineRed/vue-skeleton.git && cd vue-skeleton && git checkout production
```

### With ZIP

[](#with-zip)

Unix

```
wget -O vs-prod.zip https://github.com/CodelineRed/vue-skeleton/archive/production.zip && unzip vs-prod.zip && cd vue-skeleton-production
```

Windows 10+

```
curl -L -o vs-prod.zip https://github.com/CodelineRed/vue-skeleton/archive/production.zip && tar -xf vs-prod.zip && cd vue-skeleton-production
```

If you need PHP, you have to go to [Install with Docker](#install-with-docker-optional).

Install Main/ Develop Build
---------------------------

[](#install-main-develop-build)

### Required

[](#required)

- [Node.js](http://nodejs.org/en/download/) >= 18.17
- [npm](http://www.npmjs.com/get-npm) `$ npm i npm@latest -g`
- [gulp-cli](https://www.npmjs.com/package/gulp-cli) `$ npm i gulp-cli@latest -g`

Open console on your OS and navigate to your project folder. [Download zip](https://github.com/CodelineRed/vue-skeleton/archive/master.zip) if you don't have git on your OS.

### With Composer

[](#with-composer-1)

```
php composer create-project --ignore-platform-reqs codelinered/vue-skeleton && cd vue-skeleton && npm i && gulp build && gulp watch
```

### With GIT

[](#with-git-1)

```
git clone https://github.com/CodelineRed/vue-skeleton.git && cd vue-skeleton && git checkout main && npm i && gulp build && gulp watch
```

### With ZIP

[](#with-zip-1)

Unix

```
wget -O vs-main.zip https://github.com/CodelineRed/vue-skeleton/archive/main.zip && unzip vs-main.zip && cd vue-skeleton-main && npm i && gulp build && gulp watch
```

Windows 10+

```
curl -L -o vs-main.zip https://github.com/CodelineRed/vue-skeleton/archive/main.zip && tar -xf vs-main.zip && cd vue-skeleton-main && npm i && gulp build && gulp watch
```

Open [localhost:3000](http://localhost:3000) for Website.

Install with Docker (optional)
------------------------------

[](#install-with-docker-optional)

### Required

[](#required-1)

- [Docker](https://www.docker.com/)

Open console on your OS and navigate to the place where you want to install the project.

Unix

- Start Docker `systemctl docker start`
- Copy and run commands below

```
docker run --rm --interactive --tty --volume $PWD:/app composer create-project --ignore-platform-reqs --no-dev codelinered/vue-skeleton vue-skeleton "dev-production" && cd vue-skeleton && docker-compose up -d && xdg-open http://localhost:7702
```

Windows 10+

- Start Docker Desktop `"C:\Program Files\Docker\Docker Desktop.exe"`
- Copy and run commands below

```
docker run --rm --interactive --tty --volume %cd%:/app composer create-project --ignore-platform-reqs --no-dev codelinered/vue-skeleton vue-skeleton "dev-production" && cd vue-skeleton && docker-compose up -d && start http://localhost:7702
```

Open [localhost:7702](http://localhost:7702) for Website.

Project Commands
----------------

[](#project-commands)

Descriptiongulpwatch files and start [BrowserSync](https://www.npmjs.com/package/browser-sync)gulp buildexecutes following tasks: cleanUp, favicon, font, img, js, jsLint, jsRequire, jsRequireSAR, json, scss, scssLint, svg, vue, vueJs, vueJsLint, vueLintgulp lintexecutes following tasks: jsLint, scssLint, vueJsLint, vueLintgulp cleanUpclean up public foldergulp favicongenerate faviconsgulp fontcopy font filesgulp imgcopy and compress imagesgulp jsuglify, minify and concat js filesgulp jsLintchecks js follows [lint rules](https://github.com/CodelineRed/vue-skeleton/blob/master/src/app/js-lint.json)gulp jsRequirecopy, uglify and rename files for requirejsgulp jsRequireSARsearch and replace text in third party files (use this after every gulp jsRequire)gulp jsoncopy and minify json filesgulp scsscompile, minify and concat scss filesgulp scssLintchecks scss follows [lint rules](https://github.com/CodelineRed/vue-skeleton/blob/master/src/app/scss-lint.json)gulp svgcopy and compress svg filesgulp thankYoua small thank for yougulp vuetranspile vue filesgulp vueJstranspile vue js filesgulp vueJsLintchecks vue js follows [lint rules](https://github.com/CodelineRed/vue-skeleton/blob/master/src/app/import-lint.json)gulp vueLintchecks vue follows [lint rules](https://github.com/CodelineRed/vue-skeleton/blob/master/src/app/vue-lint.json)gulp watchwatch scss, js, json, vue, img, font and svg filesLocalization
------------

[](#localization)

- [`i18n-locales.js`](https://github.com/CodelineRed/vue-skeleton/blob/master/src/js/vue/app/i18n-locales.js)
- [`langswitch.vue`](https://github.com/CodelineRed/vue-skeleton/blob/master/src/js/vue/component/partial/langswitch.vue)

[`gulpfile-config.js`](https://github.com/CodelineRed/vue-skeleton/blob/master/src/app/gulpfile-config.dist.js)
---------------------------------------------------------------------------------------------------------------

[](#gulpfile-configjs)

DescriptionbrowserSyncConfigRequired - Defines which config is used for [BrowserSync](https://www.npmjs.com/package/browser-sync) (default: browserSyncDev)sourcePathRequired - Path to raw files (default: src/)publicPathRequired - Path to transpiled files (default: public/)systemPathOptional - Alternative Path to transpiled files on CMS, ECS, PHP Framework, ... (default: path/to/system/)envRequired - Environment dev, test or prod (default: dev)Links
-----

[](#links)

- [ESLint Js Rules](https://eslint.org/docs/rules/)
- [ESLint Vue Rules](https://vuejs.github.io/eslint-plugin-vue/rules/)
- [ESLint Import Rules](https://github.com/benmosher/eslint-plugin-import/tree/master/docs/rules)
- [Sass Lint Rules](https://github.com/sasstools/sass-lint/tree/develop/docs/rules)
- [Vue SFC](https://github.com/nfplee/gulp-vue-single-file-component)
- [Path to RegExp](https://github.com/pillarjs/path-to-regexp/tree/v1.7.0#parameters)

###  Health Score

27

—

LowBetter than 47% of packages

Maintenance35

Infrequent updates — may be unmaintained

Popularity3

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity55

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~148 days

Recently: every ~87 days

Total

10

Last Release

609d ago

Major Versions

1.x-dev → 2.0.02022-12-18

2.x-dev → 3.0.02024-10-31

### Community

Maintainers

![](https://www.gravatar.com/avatar/ee6e31fe6d3d4e4195c529de51507adb97cad32e247d9b1be3bdce92c8837102?d=identicon)[CodelineRed](/maintainers/CodelineRed)

---

Top Contributors

[![CodelineRed](https://avatars.githubusercontent.com/u/35538671?v=4)](https://github.com/CodelineRed "CodelineRed (55 commits)")

---

Tags

bootstrapfontawesomegulpjquerylazyloadslick-carouselvue-i18nvue-routervuejsjquerytemplatingdockerboilerplatecookiebootstrapSkeletoncarouselgulpFontAwesomevuevue-i18nlazyloadcookieconsentslickcss user agentcssuavue router

### Embed Badge

![Health badge](/badges/codelinered-vue-skeleton/health.svg)

```
[![Health](https://phpackages.com/badges/codelinered-vue-skeleton/health.svg)](https://phpackages.com/packages/codelinered-vue-skeleton)
```

###  Alternatives

[kartik-v/yii2-popover-x

An extended bootstrap 3.0 popover widget which combines both the bootstrap popover and modal features and includes various new styling enhancements.

243.6M8](/packages/kartik-v-yii2-popover-x)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)