Example of how to use Ristretto
Want to see pretty graphs? Log in now!
npm install ristretto-example
|12||downloads in the last week|
|13||downloads in the last month|
|Last Published By|
|Version||1.4.0 last updated a month ago|
|Dependencies||grunt, grunt-ristretto, grunt-este-watch, grunt-release, load-grunt-tasks|
Ristretto prototyping system skeleton. Latte + Livereload + Static mockup model.
# check your binaries versions php -v node -v npm -v grunt --version
# clone and startup an example git clone https://github.com/ViliamKopecky/RistrettoExample.git cd RistrettoExample npm install grunt dev
When you see
Gruntfile.js config - you will see, that Ristretto is configured to serve on port 8000.
So in your browser open http://localhost:8000/ and Ristretto should welcome you in the example.
The first request will probably take a minute or two for updating PHP dependencies.
When you have installed everything, you can start working like this:
When you have done some work, and you would like to share it with somebody, you might want to run
Note: Default directory to publish is
publish/ but you can change it directly in
ristretto.json, maybe to your public Dropbox folder. Just don't set it to existing directory, Ristretto deletes all contents of the publish directory!
Tip for publishing: Use relative links to assets. Use relative links to other pages. Use
.html instead of
.latte in your links (
<a href="page.html">leads to page.latte</a>). In future these cases will be automaticaly converted, but it's not implemented yet.