Project Setup

Whenever I start developing a new project, it really takes me quite a lot of time to set up neccessary tools. In this repo, I would like to share the great tools which I have been using to build the Website. Plus, they were also standardized so that I totally develop the Website with high quality.

List of tools

• Bower for front-end package management
• Grunt for running automation JavaScript tasks
  • grunt-autoprefixer for parses CSS and adds vendor-prefixed CSS properties using the Can I Use database.
  • grunt-contrib-compress for compress files and folders
  • grunt-contrib-copy for copy files and folders
  • grunt-contrib-concat for concatenate files
  • grunt-contrib-uglify for minify files with UglifyJS
  • grunt-contrib-jshint for validate files with JSHint
  • grunt-contrib-less for compile LESS files to CSS
  • grunt-contrib-watch for run tasks whenever watched files change
  • grunt-git-deploy for deploy files to any branch of any remote git repository
  • load-grunt-tasks for load multiple grunt tasks using globbing patterns
  • time-grunt for display the elapsed execution time of grunt tasks
• Gitignore for determine which files and directories to ignore, before you make a commit
• Editor Config for configuring the editor according to the same standard

Globally Setup

Your Computer must setup those tools before start develop this theme:

1. Node.js
2. Git CMD (For Windows, you must install Git Bash)
3. Grunt-CLI: Open CMD (on Windows) or Termnial (Mac and Linux) type npm install -g grunt-cli
4. Sublime Text
5. Sublime Package Control
6. Editor Config Sublime (You can install via Sublime Package Control)

Project Setup

From the command line, navigate to the theme directory

1. Run npm install to install Node modules
2. Run bower install to install front-end packages
3. Run git submodule init and then git submodule update to clone Git Sub-Modules

Available Grunt Commands

When completed, you'll be able to run the various Grunt commands provided from the command line:

• grunt watch — Compile assets when file changes are made

Editor Config

Regarding Sublime Text Editor, you can install a plugin named Editor Config Sublime into Sublime via Package Control.