Intro

This document covers the installation and use of this template and often reveals answers to common problems and issues - read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, Please feel free to contact with our dedicated Support team. It's free

What’s included

In Fury you’ll find the following directories and files, grouping common resources and providing both compiled and minified distribution files, as well as raw source files.

  • 📁 dist - Untouch production ready files.
  • 📁 node_modules - All node modules and dependencies.
  • 📁 src
    • 📁html All row HTML files.
    • 📁scss scss files include Bootstrap extended scss files.
    • 📁vendors All third party libraries.
  • 📄 gulpfile.js - All gulp task.
  • 📄 package.json - All npm dev dependencies.
  • 📄 .gitignore - Determine which files and directories to ignore from Git.

Getting started

Modern web development has many repetitive tasks like running a local server, minifying code, optimizing images, preprocessing CSS and more. fury build with Gulp, a build tool for automating these tasks.

How to set up gulp

Setting up gulp for the first time requires a few steps.

Node

Gulp requires Node, and its package manager, npm, which installs the gulp plugins. download and install Node install node in your system. You can check that these are both installed by running the following commands from the command line: 

node -v
npm -v

If both commands return a version number, then the installations were successful.

Gulp command line tool

Gulp's command line tool should also be installed globally so that gulp can be executed from the command line. Do this by running the following from the command line: 

npm install --global gulp-cli
Install all node modules.

Now head over to Fury root folder and Run 

npm install

which will download all node modules and dependencies in node_modules/ directory.

Run 

gulp

Which will start live reload using BrowserSync at http://localhost:3000/ with a starter html file.

Generic dev setup

Although Fury build on top of modern web development tools still there is an option to work with just plain html, css, js files and compile them. if you not comfortable with gulp and still wanna compile scss and js use a life time free tools call Prepros. just drag the dist folder to Prepros and Prepros will do all work for you :)

Starter template 

              
<!DOCTYPE html>
<html>
<head>
<!--Meta -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<!-- Title-->
<title>Fury - Build next generation web app</title>

<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">

<!-- Icon fonts -->
<link rel="stylesheet"
href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css">
<link rel="stylesheet" href="../assets/fonts/line-awesome/css/line-awesome.min.css">

<!--Stylesheet-->
<link rel="stylesheet" href="../assets/css/vendors.bundle.css">
<link rel="stylesheet" href="../assets/css/style.css">
</head>

<body>


// you code

<script src="../assets/js/vendors.bundle.js"></script>
<script src="../assets/js/app.js"></script>
</body>

</html>