_build is a precomposed filesystem and workflow to build web apps. Primarily, it is for web designers new to Sass or struggleing with the processing. It uses Grunt to generate minified css and js files and has Bootstrap already installed.
| Prerequisite | How to check | How to install |
|---|---|---|
| node.js 0.12.x | node -v |
nodejs.org |
| grunt-cli | grunt -v |
npm install -g grunt-cli |
| Homebrew | brew -v |
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" |
brew install gnupg gnupg2 |
||
| rvm | rvm -v |
gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB |
\curl -sSL https://get.rvm.io | bash -s stable |
||
| compass | compass -v |
gem update --system |
gem install compass |
||
| dependencies | cd .../_build npm install |
|
grunt |
||
| You're ready to start coding! |
Note: Text in the above table notated like
thisare terminal commands. Install node.js from the download, then run the commands under "How to install" in the terminal, in order.
If terminal throws a "You don't have write permissions for..." error, prepend your commands with sudo, i.e. sudo npm install -g grunt-cli
| Software | Description |
|---|---|
| Sublime Text | Free Text Editor |
| Emmet for Sublime Text | Makes writing html awesome again |
| Mamp | Hosts website locally |
Once you have these things installed, have Mamp up and running, navigate to the _build-master folder in the terminal and enter grunt. Grunt is now monitoring that folder for changes. If it sees a change, the results reload live to the browser. This is a streamline process to begin hard-coding an contemporary website.
I hope you found this helpful. If you have a question or find a bug, email me at cjohndesign@gmail.com.
(MIT License)