<!doctype html>
<html lang="en" itemscope itemtype="http://schema.org/SoftwareApplication">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Stagehand is a project generator for Dart apps.">
<meta itemprop="image" content="stagehand_guy.jpg">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Stagehand - Easily create your Dart apps</title>
<link href='http://fonts.googleapis.com/css?family=Roboto|Oswald:700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Static navbar -->
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Stagehand</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#about">About</a></li>
<li><a href="#get-started">Get Started</a></li>
<li><a href="#usage">Usage</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://github.com/google/stagehand/issues">Feedback</a></li>
<li><a href="https://github.com/google/stagehand">Get Involved</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<!-- Main component for a primary marketing message or call to action -->
<div class="jumbowrapper">
<div class="jumbotron">
<h1><span>STAGEHAND</span></h1>
<p>Easily create your next Dart app.</p>
</div>
</div>
<div class="container">
<h1 id="about">About Stagehand</h1>
<p>Stagehand helps you quickly, easily, and correctly create Dart
applications. It generates the scaffolding that you need so you can get
productive, faster. Stagehand supports generating client-side web apps and
server-side apps.</p>
<h1 id="get-started">Get Started</h1>
<p>Installing Stagehand requires the Dart SDK, version 1.6 or greater.
Once the Dart SDK is on your path, you can install the stagehand pub
package:</p>
<p>
<pre><code>
$ pub global activate stagehand
</code></pre>
<h1 id="usage">Usage</h1>
<p>
Stagehand is easy to use. First, make sure
<a href="https://www.dartlang.org/tools/pub/cmd/pub-global.html#running-a-script-from-your-path">pub scripts are on your PATH</a>.
Then:
</p>
<p>
<pre><code>
$ mkdir fancy_project
$ cd fancy_project
$ stagehand webapp
</code></pre>
<p>Stagehand contains a highly curated list of templates:</p>
<ul id="template-list">
<li>console-full - <em>A larger command-line application sample.</em></li>
<li>console-simple - <em>A simple command-line application.</em></li>
<li>package-simple - <em>A starting point for Dart libraries or applications.</em></li>
<li>server-appengine - <em>A simple App Engine application.</em></li>
<li>server-shelf - <em>A web server built using the shelf package.</em></li>
<li>web-angular - <em>A web app built using Angular 2.</em></li>
<li>web-polymer - <em>A web app built using polymer.dart.</em></li>
<li>web-simple - <em>An absolute bare-bones web app.</em></li>
</ul>
<aside class="alert alert-warning">
Send us Stagehand
<a href="https://github.com/google/stagehand/issues">feedback</a>!
</aside>
</div> <!-- /container -->
<div class="footer">
<div class="container">
<p class="text-muted">
This work is licensed under
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.
Illustration by <a href="http://www.sambeck.ca/">Sam Beck</a>.
</p>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-55033590-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>