Harp serves Jade, Markdown, EJS, CoffeeScript, Sass, LESS and Stylus as HTML, CSS & JavaScript—no configuration necessary.
sudo npm install -g harp
harp init myproject
harp server myproject
Install HarpHarp automatically preprocesses code and serves it to the browser as HTML, CSS, and JavaScript. Now you can focus on writing instead of wrangling.
Get startedmain.scss
$text-color: #F938AB;
body {
color: $text-color;
}
main.css
automaticallybody {
color: #F938AB; }
<link href="main.css" rel="stylesheet">
_nav.ejs…
<!-- _nav.ejs -->
<nav>
<a href="#">Home</a>
<a href="#">Product</a>
<a href="#">Services</a>
</nav>
main.ejs
<body>
<!-- Include _nav.ejs -->
<%- partial("_nav") %>
<h1>Services</h1>
<!-- etc. -->
</body>
Harp intelligently compiles assets as the browser needs them, so it’s insanely fast. All you have to do is Save and Refresh.
Get startedMove from static assets to truly dynamic content by passing metadata into your views and pages. Using your favorite templating engine, variables and loops make writing Harp applications fun and powerful.
Get started_data.json
"team": {
"title": "Team page",
"members": ["Rob", "Brock", "Jorge"]
}
h1= title
ul
each member in members
li= member
Whether you’re making a GitHub project page, or a mobile application using Apache Cordova/PhoneGap, you can easily compile your code to HTML, CSS & JavaScript and host it anywhere.
Harp doesn’t require any configuration to get started. Install Harp in your terminal using the command: npm install -g harp
or follow the Quick Start guide.
sudo npm install -g harp
harp init myproject
harp server myproject
Install Harp