项目作者: honzahommer

项目描述 :
Grunt workflow for HTML development.
高级语言: JavaScript
项目地址: git://github.com/honzahommer/skeleton.git
创建时间: 2016-11-28T16:01:37Z
项目社区:https://github.com/honzahommer/skeleton

开源协议:MIT License

下载


skeleton

Grunt workflow for HTML development.

Installation (Linux)

  1. wget -qO- https://raw.githubusercontent.com/honzahommer/skeleton/master/bin/install | bash

Step-by-step

Install Node Version Manager (recommended):

  1. wget -qO- https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash

Install latest version of Node:

  1. nvm install `nvm version-remote`

Clone repository and change directory:

  1. git clone https://github.com/honzahommer/skeleton.git html-skeleton
  2. cd $_

Install Grunt environment and show available tasks:

  1. npm run setup

Run local server for development:

  1. npm run start

Build sources for production use:

  1. npm run build

Environment variables

  1. DEBUG=false # Allow debug
  2. MINIFY=false # Minify JS and CSS
  3. INLINE=false # Make CSS, JS and images inline
  4. PATH_PUB=public # Public (builded) files directory
  5. PATH_NPM=node_modules # Node modules directory
  6. PATH_SRC=src # Sources directory
  7. PATH_TMP=tmp # Temporary files directory
  8. HOSTNAME=localhost # Hostname used for local dev server
  9. SITENAME=Skeleton # Site name

Local development

Install environment and run Grunt serve task (task includes local server
and reload browser on any source change):

  1. grunt serve

Build sources

To build sources run Grunt build task:

  1. grunt build

Default skeleton directory structure

  1. └── public # builded sources
  2. └── src
  3. ├── fonts
  4. ├── img
  5. ├── js
  6. └── main.js # base JavaScript file
  7. ├── less
  8. ├── main.less # base Less file
  9. └── vendor
  10. └── bootstrap.less # Bootstrap skeleton
  11. └── tpl
  12. ├── index.html
  13. └── partials
  14. ├── footer.html
  15. └── header.html

Todo