Skip to content

Starter Kit, which contains all the standard frontend developer tasks - build styles and layout, image optimization, JS minification, creating icon-font from SVG and much more.

License

Notifications You must be signed in to change notification settings

Vadizar/web-starter-kit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

1000.tech Web Starter Pack

This is Web Starter Kit, which contains all the standard Front-end Developer tasks:

  • Build styles and layout;
  • Image optimization, support WEBP;
  • Favicons generate for all platforms;
  • Creating icon-font from SVG;
  • JS and CSS minification;
  • CSS class obfuscation;
  • Layout standardization.

Benefits

  • Works Offline;
  • Uses compression algorithms Brotli;
  • Supports HTTP/2;
  • Ability to Install the Web App;
  • Mobile Device Support.

On MacOS

  • Install Xcode
  • Install Node.js
  • Install npm -g i gulp && npm i -g bower

On Windows

  • Install Node.js
  • Install all the required tools and configurations using Microsoft's windows-build-tools using npm install --global --production windows-build-tools from an elevated PowerShell or CMD.exe (run as Administrator).
  • Install npm install -g gulp && npm install -g bower
  • Install npm install -g node-gyp

Install 1000.tech Web Starter

$ git clone https://github.com/1000tech/web-starter-kit.git MyApp && cd MyApp
$ npm i
$ gulp

Usage

Run gulp dev if you are working on project. Or gulp, if you want to compile a template. The project is compiled into the public folder.

Commands

Run tasks:

gulp

Run development tasks with sourcemaps and notify errors:

gulp dev

Run on your host:

gulp dev --port 7000

Selectors minify:

gulp gs

Generate icon font:

gulp iconfont

Favicons generate:

gulp favicons

Delete build files:

gulp clean

Run server:

node app

or

npm start

Tested on:

NPM v5.6.0 and NodeJS v9.5.0

About

Starter Kit, which contains all the standard frontend developer tasks - build styles and layout, image optimization, JS minification, creating icon-font from SVG and much more.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published