npm.io
1.3.0-final • Published 1 year ago

theme_3_v1

Licence
ISC
Version
1.3.0-final
Deps
23
Size
326 kB
Vulns
0
Weekly
0
SummaryDependencyVersions

theme_3_V1 Template

Main has been moved to Version Development Version for 2.0.0

Version 1.2.6-a

  • Simple and easy to use theme template creator for small scale project
  • Temporary documentation Link
NPM
  • npm i theme_3_v1 -npm
installation
  • npm init
    • node node_modules/theme_3_v1/init-package.js
    • npm i theme_3_v1
    • npm install
    • select option [1]New Project [2] [3] [4]
Check update
  • $npm outdated
  • $npm update or $npm @latest
Getting Started
  • $gulp
  • $gulp compile-html
  • $gulp compile-scss
  • $gulp compile-js
  • $gulp compile-img
  • $gulp watch-default

Build Folder

  • This folder will be created once compile has been made
 . /build
 ├── css                     # CSS includes
 ├── img                     # images
 │── js                      # JS
 │
   Pages
  • Src : Edit CSS/SASS , JS , Images
  • html : organize your html codes using "panini"
    • layout (html): default html initial
    • pages (body): resides the index.html and other pages
    • partials : blocks of your page
Commands Available
$gulp 'cmd'
  $gulp compile-js
cmd
  • hello
  • clean
JS
  - compile-js
  - compile-jquery
  - compile-popper
  - compile-tether
  - compile-bootstrapjs
  - compile-prismjs
Fontawesome
  - addon-fontawesome
  - addon-fontawesome-font
CSS
  - compile-bootstrap
  - compile-bootstrapIcon
  - compile-prismcss
  - compile-bulma
  - compile-scss
  • Under SCSS > Styles uncomment the css framework that you want to use or include it
HTML
  • compile-html
watch real time update
  • watch-default
Add Prefix CSS
  • compile-prefixscss [last 5 version default]
  • gulp compile-compscss --num-version=2 [set to last 2 version]
Compress CSS
  • compile-compscss
Pipe to Production
Uglify/Compress JS

  • see more function on gulp.js

Link to Coding Standards

Resources

Other