insanitymeetshh/vue-skeleton

Vue.js Skeleton with Gulp

Installs: 0

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 2

Language:JavaScript

Type:project

1.6.0 2021-03-06 10:37 UTC

README

Demo page

Table of contents

Included

Install Production Build (Recommended)

Download zip if you don't have git on your OS. Open console on your OS and navigate to your project folder.

$ (optional) php composer create-project insanitymeetshh/vue-skeleton vue-skeleton "dev-production"
$ git clone https://github.com/InsanityMeetsHH/vue-skeleton.git
$ cd vue-skeleton
$ git checkout production
$ (optional on unix) rm -rf .git
$ (optional on windows) rmdir .git /s

If you need PHP, you have to go to Install PHP.

Install Master/ Develop Build

Required

Download zip if you don't have git on your OS. Open console on your OS and navigate to your project folder.

$ (optional) php composer create-project insanitymeetshh/vue-skeleton
$ git clone https://github.com/InsanityMeetsHH/vue-skeleton.git
$ cd vue-skeleton
$ (optional) git checkout develop
$ (optional on unix) rm -rf .git
$ (optional on windows) rmdir .git /s
$ npm i
$ gulp build
$ gulp

Open localhost:3000 for Website.

Install PHP (optional)

Required

Open console on your OS and navigate to the unziped/ cloned app folder.

$ (unix) systemctl docker start
$ (windows) "c:\path\to\Docker Desktop.exe"
$ docker-compose up -d

Open localhost:3050 for Website.

Project Commands

Description
gulp watch files and start BrowserSync
gulp build executes following tasks: cleanUp, favicon, font, img, js, jsLint, jsRequire, json, scss, scssLint, svg, vue, vueJs, vueJsLint, vueLint
gulp lintAll executes following tasks: jsLint, scssLint, vueJsLint, vueLint
gulp cleanUp clean up public folder
gulp favicon generate favicons
gulp font copy font files
gulp img copy and compress images
gulp js uglify, minify and concat js files
gulp jsLint checks js follows lint rules
gulp jsRequire copy, uglify and rename files for requirejs
gulp json copy and minify json files
gulp scss compile, minify and concat scss files
gulp scssLint checks scss follows lint rules
gulp svg copy and compress svg files
gulp vue transpile vue files
gulp vueJs transpile vue js files
gulp vueJsLint checks vue js follows lint rules
gulp vueLint checks vue follows lint rules
gulp watch watch scss, js, json, vue, img, font and svg files

Localization

gulpfile.json

Description
browserSyncConfig Required - Defines which config is used for BrowserSync (default: browserSyncDev)
sourcePath Required - Path to raw files (default: src/)
publicPath Required - Path to transpiled files (default: public/)
systemPath Optional - Alternative Path to transpiled files on CMS, ECS, PHP Framework, ... (default: path/to/system/)
env Required - Environment dev, test or prod (default: dev)

Links