chrome/common/extensions/docs/templates/articles/app_codelab1_setup.html

   1 <h1 id="lab_1_set_up_development_environment">Set Up Development Environment</h1>
   2
   3 <h2 id="dependencies_and_prerequisites">Dependencies and prerequisites</h2>
   4
   5 <ul>
   6 <li><p><a href="https://tools.google.com/dlpage/chromesxs">Chrome Canary on Mac and Windows</a> and <a href="http://www.chromium.org/getting-involved/dev-channel#TOC-Linux">Chromium Dev on Linux</a></p></li>
   7 <li><p>Open your preferred text editor. We have an under-development <a href="http://www.youtube.com/watch?v=x_FTILqlbsg&hd=1">Chrome apps plugin</a> for <a href="http://www.sublimetext.com">Sublime</a>.</p></li>
   8 </ul>
   9
  10 <h2 id="set_up_chrome">Set up Chrome</h2>
  11
  12 <ol>
  13 <li><p>Make sure you are using Chrome Canary. Access <code>chrome://version</code> and check if there is a <code>canary</code> keyword at the end of the first line:<br>
  14 <img src="{{static}}/images/codelab/screenshot1.png" alt="Checking Chrome version"></p></li>
  15 <li><p>Enable flags in <code>chrome://flags</code></p>
  16
  17 <ul>
  18 <li>Experimental Extension APIs</li>
  19 <li>Enable debugging for packed apps</li>
  20 </ul></li>
  21 <li><p>Enable Developer mode in <code>chrome://extensions</code>:<br>
  22 <img src="{{static}}/images/codelab/screenshot2.png" alt="Enabling developer mode"></p></li>
  23 </ol>
  24
  25 <p class="note"><b>Note:</b>  Open the <code>chrome://extensions</code> page in its own window and keep it assessible as you work through the lab.
  26 You will use this page quite a bit to load and reload the Todo app.</p>
  27
  28 <h2 id="set_up_workspace">Set up workspace</h2>
  29
  30 <p>If you don&#39;t have it yet, <a href="https://help.github.com/articles/set-up-git">install git</a> and run:</p>
  31
  32 <p><pre>
  33     git clone git://github.com/GoogleChrome/chrome-app-codelab.git
  34 </pre></p>
  35
  36 <h2 id="what_39_s_next_">What's next?</h2>
  37
  38 <p>In <a href="app_codelab2_basic.html">2 - Create Basic App</a>, you will create your first Chrome App!</p>