Frontend template

• Frontend template using HTML5/CSS3/JavaScript techniques
• Technologies used:
  • Jade
  • Less
  • jQuery
  • Handlebars
  • Grunt
  • Node.js

IDE Configuration

• Open Sublime Text
• Choose Preferences -> Settings - User
• The number of spaces a tab is considered equal to "tab_size": 2
• Set to true to insert spaces when tab is pressed "translate_tabs_to_spaces": true
• Set to true to removing trailing white space on save "trim_trailing_white_space_on_save": true
• Set to true to ensure the last line of the file ends in a newline character when saving "ensure_newline_at_eof_on_save": true
• Preferences.sublime-settings example:

  {
    "tab_size": 2,
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": true,
    "ensure_newline_at_eof_on_save": true,
    "word_wrap": true,
    "highlight_line": true,
    "folder_exclude_patterns":
    [
      ".svn",
      ".git",
      ".hg",
      "CVS",
      "node_modules"
    ],
    "font_size": 11,
    "ignored_packages":
    [
      "Markdown",
      "Vintage"
    ]
  }
  

Installation

Install Node.js

• Download Node.js
• Ensure you have administrator role when install to set the PATH environment variable

Install Grunt

• Open Command Line and run
  • npm install
  • npm install grunt-cli -g

Development

• grunt

Testing

• grunt test

Release

• grunt release

Documentation

• grunt doc

Notes

• Use rimraf to delete node_modules folder. See rimraf