| 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 |