chrome/common/extensions/docs/templates/articles/app_codelab1_setup.html - Issue 609433003: Updated Chrome Apps codelab from I/O 2013

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: chrome/common/extensions/docs/templates/articles/app_codelab1_setup.html

Issue 609433003: Updated Chrome Apps codelab from I/O 2013 Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Upload the rest of the images Created 6 years, 2 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « chrome/common/extensions/docs/templates/articles/app_codelab.html ('k') | chrome/common/extensions/docs/templates/articles/app_codelab2_basic.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
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-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://www.youtube.com/watch?v=x_FTILqlbsg&hd=1">Chrome apps plugin</a> for <a hre f="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</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 versio n"></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 mod e"></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't have it yet, <a href="https://help.github.com/articles/set-u p-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">2 - Create Basic App</a>, you will create you r first Chrome App!</p>

OLD	NEW