OLD | NEW |
1 <h1 id="lab_1_set_up_development_environment">Lab 1 - Set up development environ
ment</h1> | 1 <h1 id="lab_1_set_up_development_environment">Lab 1 - Set up development environ
ment</h1> |
2 | 2 |
3 <h2 id="dependencies_and_prerequisites">Dependencies and prerequisites</h2> | 3 <h2 id="dependencies_and_prerequisites">Dependencies and prerequisites</h2> |
4 | 4 |
5 <ul> | 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-channe
l#TOC-Linux">Chromium Dev on Linux</a></p></li> | 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-channe
l#TOC-Linux">Chromium Dev on Linux</a></p></li> |
7 <li><p>Open your preferred text editor. We have an under-development <a href="ht
tp://chrome-api.storage.googleapis.com/index.html">Chrome apps plugin</a> for <a
href="http://www.sublimetext.com">Sublime</a>.</p></li> | 7 <li><p>Open your preferred text editor. We have an under-development <a href="ht
tp://chrome-api.storage.googleapis.com/index.html">Chrome apps plugin</a> for <a
href="http://www.sublimetext.com">Sublime</a>.</p></li> |
8 </ul> | 8 </ul> |
9 | 9 |
10 <h2 id="set_up_chrome">Set up Chrome</h2> | 10 <h2 id="set_up_chrome">Set up Chrome</h2> |
11 | 11 |
12 <ol> | 12 <ol> |
13 <li><p>Make sure you are using Chrome Canary. Access <code>chrome://version</cod
e> and check if there is a <code>canary</code> keyword at the end of the first l
ine:<br> | 13 <li><p>Make sure you are using Chrome Canary. Access <code>chrome://version</cod
e> and check if there is a <code>canary</code> keyword at the end of the first l
ine:<br> |
14 <img src="/static/images/codelab/screenshot1.png" alt="Checking Chrome version">
</p></li> | 14 <img src="{{static}}/images/codelab/screenshot1.png" alt="Checking Chrome versio
n"></p></li> |
15 <li><p>Enable flags in <code>chrome://flags</code></p> | 15 <li><p>Enable flags in <code>chrome://flags</code></p> |
16 | 16 |
17 <ul> | 17 <ul> |
18 <li>Experimental Extension APIs</li> | 18 <li>Experimental Extension APIs</li> |
19 <li>Enable debugging for packed apps</li> | 19 <li>Enable debugging for packed apps</li> |
20 </ul></li> | 20 </ul></li> |
21 <li><p>Enable Developer mode in <code>chrome://extensions</code>:<br> | 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> | 22 <img src="{{static}}/images/codelab/screenshot2.png" alt="Enabling developer mod
e"></p></li> |
23 </ol> | 23 </ol> |
24 | 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. | 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> | 26 You will use this page quite a bit to load and reload the Todo app.</p> |
27 | 27 |
28 <h2 id="set_up_workspace">Set up workspace</h2> | 28 <h2 id="set_up_workspace">Set up workspace</h2> |
29 | 29 |
30 <p>If you don't have it yet, <a href="https://help.github.com/articles/set-u
p-git">install git</a> and run </p> | 30 <p>If you don't have it yet, <a href="https://help.github.com/articles/set-u
p-git">install git</a> and run </p> |
31 | 31 |
32 <p><pre> | 32 <p><pre> |
33 git clone git://github.com/GoogleChrome/chrome-app-codelab.git | 33 git clone git://github.com/GoogleChrome/chrome-app-codelab.git |
34 </pre></p> | 34 </pre></p> |
35 | 35 |
36 <p>Note: for the rest of this tutorial, we'll refer to the directory for the
cloned git repository as <tutorial>.</p> | 36 <p>Note: for the rest of this tutorial, we'll refer to the directory for the
cloned git repository as <tutorial>.</p> |
37 | 37 |
38 <h1 id="what_39_s_next_">What's next?</h1> | 38 <h1 id="what_39_s_next_">What's next?</h1> |
39 | 39 |
40 <p>In <a href="app_codelab2_basic.html">lab2_basic</a>, you will create your fir
st Chrome app!</p> | 40 <p>In <a href="app_codelab2_basic.html">lab2_basic</a>, you will create your fir
st Chrome app!</p> |
OLD | NEW |