Introduction
This is a quick quide that will help you build your first page.
You can use CUBE as is out of the box.
The gulp workflow can be bypassed all together if you prefer to simply edit the static HTML and CSS files. But if you are experienced developer and want to speed up development process follow steps bellow.Dev environment setup
-
1.
- Download and install Node.js and Gulp to get started.
- To install Node visit https://nodejs.org/en/
- To install Gulp, run the following command npm install gulp -g
-
2.
Open terminal, navigate to the theme folder and run npm install to install all theme dependencies.
-
3.
Run gulp in Terminal. This will track all the SCSS and HTML files for changes and start a local webserver.
-
4.
You're done! Your local webserver is available at localhost:3000
If you just need to build the project without starting a local server just run gulp build
Starter Template
This basic template is a guideline for how to structure your pages when building with our theme. Included below are all the necessary bits for using the theme’s CSS and JS.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="assets/css/vendor.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<title>Hello World</title>
</head>
<body>
<script src="assets/js/vendor.min.js"></script>
<script src="assets/js/app.js"></script>
</body>
</html>