Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

A Vue.js Skeleton with Gulp

License

NotificationsYou must be signed in to change notification settings

CodelineRed/vue-skeleton

Repository files navigation

Demo page

Table of contents

Included

Install Production Build (Recommended)

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

With Composer

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

With GIT

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

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 toInstall with Docker.

Install Main/ Develop Build

Required

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

With Composer

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

With GIT

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

With ZIP

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

Openlocalhost:3000 for Website.

Install with Docker (optional)

Required

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

Unix

  • Start Dockersystemctl 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

Openlocalhost:7702 for Website.

Project Commands

Description
gulpwatch files and startBrowserSync
gulp buildexecutes following tasks: cleanUp, favicon, font, img, js, jsLint, jsRequire, jsRequireSAR, json, scss, scssLint, svg, vue, vueJs, vueJsLint, vueLint
gulp lintexecutes following tasks: jsLint, scssLint, vueJsLint, vueLint
gulp cleanUpclean up public folder
gulp favicongenerate favicons
gulp fontcopy font files
gulp imgcopy and compress images
gulp jsuglify, minify and concat js files
gulp jsLintchecks js followslint rules
gulp jsRequirecopy, uglify and rename files for requirejs
gulp jsRequireSARsearch and replace text in third party files (use this after every gulp jsRequire)
gulp jsoncopy and minify json files
gulp scsscompile, minify and concat scss files
gulp scssLintchecks scss followslint rules
gulp svgcopy and compress svg files
gulp thankYoua small thank for you
gulp vuetranspile vue files
gulp vueJstranspile vue js files
gulp vueJsLintchecks vue js followslint rules
gulp vueLintchecks vue followslint rules
gulp watchwatch scss, js, json, vue, img, font and svg files

Localization

Description
browserSyncConfigRequired - Defines which config is used forBrowserSync (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


[8]ページ先頭

©2009-2025 Movatter.jp