clear
  • Introduction
  • HTML
  • Html Structure
    • Header
    • Left Side Menu
    • Right Side Menu
    • Main Content
      • Buttons
      • Font Icons
      • Progress Bars
      • Maps
      • Lock Screen
  • FAQ's
  • SCSS
  • CSS Files
  • Javascript Files
  • Plugins
  • Start New Page
    • Menu Bar Fold
    • Boxed and Moveable Header
    • Moveable Header
    • Boxed and Fixed Header
    • Fixed Header and Menu
  • Vue Version
    • Basic Installation
      • Clear 1.7 installation
    • Basic Structure
      • Layout structure
      • Leftmenu structure
      • Start New Page
      • Changing layouts
  • Changing Color Scheme
  • Laravel Spark Skin
    • Spark Installation
    • Using .vue files
    • Adding External Plugins
  • Laravel Version
    • Changing skin
    • Changing Layouts
Powered by GitBook
On this page
  • 1) Installation of spark :
  • 2) Applying the Clear skin:
  • Note:

Was this helpful?

  1. Laravel Spark Skin

Spark Installation

PreviousLaravel Spark SkinNextUsing .vue files

Last updated 5 years ago

Was this helpful?

Make sure you have installed in your system with minimum version6.10.0,

you can check installed version by runningnode -vcommand in terminal.

If you are having older version, please install latest version from

For laravel 5.4 , the minimum version of php required is 5.6.4 and

the following php extensions are rquired

  • PHP >= 5.6.4

  • OpenSSL PHP Extension

  • PDO PHP Extension

  • Mbstring PHP Extension

  • Tokenizer PHP Extension

  • XML PHP Extension

from 5.4 onwards, Laravel team decided to move to webpack from gulp

so assets compilation differs a bit.

They introduced a new npm package for webpack calledmix

you can read more about it

install local packages

yarn install

move assets to public

npm run dev

1) Installation of spark :

Initially, you need to Install the Laravel Spark, For the installation of Laravel spark, Please follow the official guide, the link for which is provided below

2) Applying the Clear skin:

After completing the installation of laravel spark, follow the below steps to apply the Clear skin

  1. Remove node modules by running the following commands in your project root folder rm -rf node_modules

  2. Extract the files from the provided zip file.

  3. copy all the files into your spark installation folder/directory.

  4. Run yarn install

  5. Run npm run dev or npm run production or npm run watch as per your requirement.

  6. once, all the above steps are performed you will get a new look for your default spark website.

Note:

Eventhough you can run npm install we suggest you to run yarn install since the package contains yarn.lock file which lets you get the exact version of packages that we have used.

currently, we are providing support for spark version v4.0.8

.

nodejs
nodejs.org
here
https://spark.laravel.com/docs/4.0/installation