OLD | NEW |
1 {{+bindTo:partials.standard_nacl_article}} | 1 {{+bindTo:partials.standard_nacl_article}} |
2 | 2 |
3 <section id="building-a-nacl-app"> | 3 <section id="building-a-nacl-app"> |
4 <span id="io2014"></span><h1 id="building-a-nacl-app"><span id="io2014"></span>B
uilding a NaCl App</h1> | 4 <span id="io2014"></span><h1 id="building-a-nacl-app"><span id="io2014"></span>B
uilding a NaCl App</h1> |
5 <h2 id="in-the-browser">In the browser!</h2> | 5 <h2 id="in-the-browser">In the browser!</h2> |
6 <p>Follow along with Brad Nelson’s Google I/O 2014 talk. | 6 <p>Follow along with Brad Nelson’s Google I/O 2014 talk. |
7 Explore our new in-browser development environment and debugger.</p> | 7 Explore our new in-browser development environment and debugger.</p> |
8 <p>Learn how easy it is to edit, build, and debug NaCl application | 8 <p>Learn how easy it is to edit, build, and debug NaCl application |
9 all in your desktop web browser or on a Chromebook. | 9 all in your desktop web browser or on a Chromebook. |
10 Work either on-line or off-line!</p> | 10 Work either on-line or off-line!</p> |
11 <iframe class="video" width="500" height="281" | 11 <iframe class="video" width="500" height="281" |
12 src="//www.youtube.com/embed/OzNuzBDEWzk?rel=0" frameborder="0"></iframe><h3 id=
"our-web-based-tools">Our Web-based Tools</h3> | 12 src="//www.youtube.com/embed/OzNuzBDEWzk?rel=0" frameborder="0"></iframe><h3 id=
"our-web-based-tools">Our Web-based Tools</h3> |
13 <p>These development tools are a <a class="reference external" href="nacldev">wo
rk in progress</a>. | 13 <p>These development tools are a <a class="reference external" href="nacldev">wo
rk in progress</a>. |
14 At this point, they are a learning tool and demonstration of NaCl’s | 14 At this point, they are a learning tool and demonstration of NaCl’s |
15 flexibility, but are not the recommended tools for a production application. | 15 flexibility, but are not the recommended tools for a production application. |
16 In the future, that may change, but for the moment, | 16 In the future, that may change, but for the moment, |
17 to develop a substantial application for Native Client / | 17 to develop a substantial application for Native Client / |
18 Portable Native Client, | 18 Portable Native Client, |
19 we recommend you use the | 19 we recommend you use the |
20 <a class="reference external" href="/native-client/sdk/download">Native Client S
DK</a>.</p> | 20 <a class="reference external" href="/native-client/sdk/download">Native Client S
DK</a>.</p> |
21 <b><font color="#880000"> | 21 <b><font color="#880000"> |
22 NOTE: The NaCl Development Environment is not yet stable. | 22 NOTE: The NaCl Development Environment is not yet stable. |
23 Ideally user data is preserved, but currently it can be lost during updates | 23 Ideally, user data is preserved, but currently it can be lost during updates |
24 or sporadically. We're working to resolve this. | 24 or sporadically. We're working to resolve this. |
25 </font></b><h3 id="installation">Installation</h3> | 25 </font></b><h3 id="installation">Installation</h3> |
26 <p>The setup process currently requires several steps. | 26 <p>The setup process currently requires several steps. |
27 We’re working to reduce the number of steps in future releases. | 27 We’re working to reduce the number of steps in future releases. |
28 As the process gets easier, we’ll update this page.</p> | 28 As the process gets easier, we’ll update this page.</p> |
29 <p>To install the development environment:</p> | 29 <p>To install the development environment:</p> |
30 <blockquote> | 30 <blockquote> |
31 <div><ul class="small-gap"> | 31 <div><ul class="small-gap"> |
32 <li>Install the <a class="reference external" href="https://chrome.google.com/we
bstore/detail/nacl-development-environm/aljpgkjeipgnmdpikaajmnepbcfkglfa">NaCl D
evelopment Environment</a>.</li> | 32 <li>Install the <a class="reference external" href="https://chrome.google.com/we
bstore/detail/nacl-development-environm/aljpgkjeipgnmdpikaajmnepbcfkglfa">NaCl D
evelopment Environment</a>.</li> |
33 <li><p class="first">Navigate to: chrome://flags and:</p> | 33 <li><p class="first">Navigate to: chrome://flags and:</p> |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
78 <pre class="prettyprint"> | 78 <pre class="prettyprint"> |
79 $ vim <filename> | 79 $ vim <filename> |
80 </pre> | 80 </pre> |
81 <p>Here’s an online <a class="reference external" href="http://www.openvim
.com/tutorial.html">vim tutorial</a>.</p> | 81 <p>Here’s an online <a class="reference external" href="http://www.openvim
.com/tutorial.html">vim tutorial</a>.</p> |
82 </li> | 82 </li> |
83 </ul> | 83 </ul> |
84 <h3 id="git-setup">Git Setup</h3> | 84 <h3 id="git-setup">Git Setup</h3> |
85 <p>This tutorial also uses a revision control program called | 85 <p>This tutorial also uses a revision control program called |
86 <a class="reference external" href="http://en.wikipedia.org/wiki/Git_(software)"
>git</a>. | 86 <a class="reference external" href="http://en.wikipedia.org/wiki/Git_(software)"
>git</a>. |
87 In order to commit to a git repository, | 87 In order to commit to a git repository, |
88 you need to setup your environment to with your identity.</p> | 88 you need to set up your identity.</p> |
89 <p>Run these commands (with your info) to setup your <cite>~/.gitconfig</cite> | 89 <p>Run these commands (with your info) to setup your <cite>~/.gitconfig</cite> |
90 for use:</p> | 90 for use:</p> |
91 <pre class="prettyprint"> | 91 <pre class="prettyprint"> |
92 git config --global user.name "John Doe" | 92 git config --global user.name "John Doe" |
93 git config --global user.email johndoe@example.com | 93 git config --global user.email johndoe@example.com |
94 </pre> | 94 </pre> |
95 <h3 id="tour-follow-the-video">Tour (follow the video)</h3> | 95 <h3 id="tour-follow-the-video">Tour (follow the video)</h3> |
96 <p>Create a working directory and go into it:</p> | 96 <p>Create a working directory and go into it:</p> |
97 <pre class="prettyprint"> | 97 <pre class="prettyprint"> |
98 $ mkdir work | 98 $ mkdir work |
(...skipping 109 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
208 $ make serve | 208 $ make serve |
209 </pre> | 209 </pre> |
210 <h3 id="thanks">Thanks</h3> | 210 <h3 id="thanks">Thanks</h3> |
211 <p>Thanks for checking out our environment. | 211 <p>Thanks for checking out our environment. |
212 Things are rapidly changing and in the coming months you can expect to see | 212 Things are rapidly changing and in the coming months you can expect to see |
213 further improvements and filling out of our platform and library support.</p> | 213 further improvements and filling out of our platform and library support.</p> |
214 <p>Follow the status of the NaCl Dev Environment at <a class="reference external
" href="naclenv">this page</a>.</p> | 214 <p>Follow the status of the NaCl Dev Environment at <a class="reference external
" href="naclenv">this page</a>.</p> |
215 </section> | 215 </section> |
216 | 216 |
217 {{/partials.standard_nacl_article}} | 217 {{/partials.standard_nacl_article}} |
OLD | NEW |