A Simple Raspberry Pi Photo Frame

<p>The Raspberry Pi photo frame is a perfect setup for anyone who wants to display photos of their loved ones, memories or anything else might want to display.</p> <p>This is a pretty straight forwards project and shouldn’t take you too long to setup. I pretty much only cover the software side of things in this tutorial there are some pretty cool frame designs/ideas out there if you want to extend this further.<br /> If you want to see a video on how this tutorial is done, then be sure to check out the one below. I go through everything you need to know for getting this project working.</p> <p><iframe width="678" height="381" src="https://www.youtube.com/embed/cUh52ZlC45g?feature=oembed" frameborder="0" allowfullscreen=""></iframe></p> <h2>Equipment</h2> <p>The equipment that you will need for this digital photo frame is listed below.<br /> <strong>Required</strong></p> <ul> <li><a href="http://bit.ly/1WqNsRb" rel="nofollow" target="_blank">Raspberry Pi</a></li> <li><a href="http://bit.ly/1sCWDkQ" rel="nofollow" target="_blank">4 GB SD Card</a> (8 GB+ Recommended) or <a href="http://bit.ly/1WqNl8f" rel="nofollow" target="_blank">Micro SD Card</a> if you’re using a Raspberry Pi 2 or B+</li> <li><a href="http://bit.ly/1sCWJJf" rel="nofollow" target="_blank">Ethernet Cord</a> or <a href="http://bit.ly/1WqNt7L" rel="nofollow" target="_blank">Wifi dongle</a></li> <li><a href="http://bit.ly/1sCWzBF" rel="nofollow" target="_blank">External Hard drive</a> or <a href="http://bit.ly/1WqNxV5" rel="nofollow" target="_blank">USB Drive</a></li> <li><a href="http://bit.ly/1sCWzSd" target="_blank">Touch Screen</a> or <a href="http://bit.ly/1pxf1db" itemprop="url" target="_bank" title="LCD"><strong>LCD</strong></a> screen</li> </ul> <p><strong>Optional</strong></p> <ul> <li><a href="http://bit.ly/1WqNitb" target="_blank">Raspberry Pi Case</a></li> <li><a href="http://bit.ly/1sCWoq2" rel="nofollow" target="_blank">USB Keyboard</a></li> <li><a href="http://bit.ly/1WqNZmi" rel="nofollow" target="_blank">USB Mouse</a></li> </ul> <h2>Hardware</h2> <p>For this project I am just using the official <a href="http://bit.ly/1sCX6DJ" rel="nofollow" target="_blank">Raspberry Pi touch screen</a> that I purchased earlier this year. However, you can use pretty much any screen that you can get your hands on. Just make sure you can hook it up to the Pi either over the DSI port, HDMI port or using a custom HAT.</p> <p>If you’re looking for some 3D printable frames for either the official touch screen or just a spare screen you have, then thingiverse has some pretty cool designs. You can find then over at<a href="http://bit.ly/1WqNAjQ" target="_blank">thingiverse.com.</a></p> <h2>Setting Up the Raspberry Pi Photo Frame Software</h2> <p>In order to get this all setup correctly we are going to need to do a bit of setup on the software side of things.</p> <p>Firstly, we want to prevent the screen from going blank. This is a power saving setting on the PI.</p> <ol> <li>To turn off screen blanking open up the lightdm.conf file. <pre> <code>sudo nano /etc/lightdm/lightdm.conf</code> </pre></li> <li>Now in here add the following line anywhere beneath the [SeatsDefaults] line. <pre> <code>xserver-command=X -s 0 –dpms</code> </pre> <p><img alt="raspberry pi black screen" class="aligncenter size-full wp-image-11119 lazyloaded" data-lazy-sizes="(max-width: 741px) 100vw, 741px" data-lazy-src="//pimylifeup.com/wp-content/uploads/2015/12/raspberry-pi-black-screen-1.jpg" data-lazy-srcset="//pimylifeup.com/wp-content/uploads/2015/12/raspberry-pi-black-screen-1.jpg 741w, //pimylifeup.com/wp-content/uploads/2015/12/raspberry-pi-black-screen-1-300x170.jpg 300w, //pimylifeup.com/wp-content/uploads/2015/12/raspberry-pi-black-screen-1-610x346.jpg 610w" height="420" src="http://bit.ly/1sCWoXa" srcset="//pimylifeup.com/wp-content/uploads/2015/12/raspberry-pi-black-screen-1.jpg 741w, //pimylifeup.com/wp-content/uploads/2015/12/raspberry-pi-black-screen-1-300x170.jpg 300w, //pimylifeup.com/wp-content/uploads/2015/12/raspberry-pi-black-screen-1-610x346.jpg 610w" width="741" /></p> </li> <li>Save & exit by pressing ctrl+x and then y.</li> <li>Now reboot the pi and the screen should no longer switch off after 10 minutes of inactivity. To reboot simply run the following: <pre> <code>sudo reboot</code> </pre></li> </ol> <p>If you want to be able drag and drop your images onto the Pi you may want to look at setting up a network attached storage. Will allow you to setup a folder that is available on your local network. If you’re in doing such a thing, then my <a href="http://bit.ly/1WqNBEt" target="_blank">guide on a Raspberry Pi Samba server</a> will take you through all the necessary steps.</p> <p>I also highly recommend that you <a href="http://bit.ly/1sCWn5A" target="_blank">setup SSH</a> so you will have remote access when the slideshow is in action. There is no easy way to exit the slideshow unless you turn the device on and off and don’t have it automatically starting.</p> <p>To setup our slideshow we’re going to use the <a href="http://bit.ly/1WqNg4G" target="_blank">feh package</a>.  Feh is image viewer and cataloguer. It is a fast image viewer that doesn’t get bogged down with huge GUI dependencies. I chose this as it was the most lightweight package that worked without any huge complications.</p> <ol> <li>To install the package, use the following line: <pre> <code>sudo apt-get install feh</code> </pre></li> <li>Now to test that it works enter the following line. Replace <code>/media/NASHDD1/test</code> with the directory that contains all your image. <pre> <code>DISPLAY=:0.0 XAUTHORITY=/home/pi/.Xauthority /usr/bin/feh --quiet --preload --randomize --full-screen --reload 60 -Y --slideshow-delay 15.0 /media/NASHDD1/test</code> </pre></li> <li>Now we can use short tags to make this command a lot shorter. You can read more about all the flags you can use over at the feh manual page.</li> </ol> <pre> <code>DISPLAY=:0.0 XAUTHORITY=/home/pi/.Xauthority /usr/bin/feh -q -p -Z -F -R 60 -Y -D 15.0 /media/NASHDD1/test</code> </pre> <ol start="4"> <li>Now as you will notice this locks up the command line bar. To fix this just add the & after the command and the script/process will launch in the background.</li> <li>So now let’s store this in a simple script file. This way you can add or change it later. To make the file enter the following command: <pre> <code>sudo nano /home/pi/start-picture-frame.sh</code> </pre></li> <li>In here enter the following lines:</li> </ol> <pre> <code>#!/bin/bash DISPLAY=:0.0 XAUTHORITY=/home/pi/.Xauthority /usr/bin/feh -q -p -Z -F -R 60 -Y -D 15.0 /media/NASHDD1/test</code> </pre> <ol start="7"> <li>Now that’s done you can test it by running the following command(Ctrl+X): <pre> <code>bash /home/pi/start-picture-frame.sh</code> </pre></li> <li>Finally let’s have it start at boot. Now it is important that you have SSH enabled so you can access the PI remotely as you will lose access to the GUI/Screen. So make sure you have done this before setting it to launch at boot up.</li> <li>To do this open up the rc.local file by entering the following command. <pre> <code>sudo nano /etc/rc.local</code> </pre></li> <li>Add the following before the exit 0 line in this folder. <pre> <code>bash /home/start-picture-frame.sh &</code> </pre></li> <li>If you ever need to kill the process as you want to be able to access the screen again enter the following line. <pre> <code>sudo pkill feh</code> </pre></li> </ol> <p>You should now have your very own slideshow of pictures going. If you end up with any troubles, then double check all the steps and look for any errors. If you’re still having trouble drop a comment</p> <p>I hope you have been able to get your Raspberry Pi photo frame working correctly. If you have a trouble, extension you would like to share or anything else then be sure to drop me a comment below. As always if you like my stuff be sure to follow Pi My Life Up on any major social network.</p> <div id="huge-it-share-buttons-top" class="huge-it-share-buttons nobackground"> <h3>Share This:</h3> <ul class="huge-it-share-buttons-list"> <li class=" nobackground"><a href="http://bit.ly/1XReO0c" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1XReO0c','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -0px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="https://twitter.com/share?status=http://yoursmart.mobi/feed&text=A%20Simple%20Raspberry%20Pi%20Photo%20Frame" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('https://twitter.com/share?status=http://yoursmart.mobi/feed&text=A Simple Raspberry Pi Photo Frame','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -30px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1sCWq1h%20Simple%20Raspberry%20Pi%20Photo%20Frame" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1sCWq1h Simple Raspberry Pi Photo Frame','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -60px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1XReO0d" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1XReO0d','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -90px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1WqNj0m%20Simple%20Raspberry%20Pi%20Photo%20Frame&mini=true&url=http://bit.ly/1XReO0g" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1WqNj0m Simple Raspberry Pi Photo Frame&mini=true&url=http://bit.ly/1XReO0g','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -120px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1sCWZb6%20Simple%20Raspberry%20Pi%20Photo%20Frame" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1sCWZb6 Simple Raspberry Pi Photo Frame','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -150px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://di.gg/1WqNGaY%20Simple%20Raspberry%20Pi%20Photo%20Frame" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://di.gg/1WqNGaY Simple Raspberry Pi Photo Frame','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -180px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://stumble.it/1sCWIF8%20Simple%20Raspberry%20Pi%20Photo%20Frame" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://stumble.it/1sCWIF8 Simple Raspberry Pi Photo Frame','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -210px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1XReO0l" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1XReO0l','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -240px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1WqNit5%20Simple%20Raspberry%20Pi%20Photo%20Frame" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1WqNit5 Simple Raspberry Pi Photo Frame','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -270px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1sCWtdd%20Simple%20Raspberry%20Pi%20Photo%20Frame" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1sCWtdd Simple Raspberry Pi Photo Frame','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -300px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1VNpzTU" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1VNpzTU','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -330px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1WqNCrO%20Simple%20Raspberry%20Pi%20Photo%20Frame" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1WqNCrO Simple Raspberry Pi Photo Frame','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -360px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1VNpzTX" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1VNpzTX','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -390px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1WqNqsB%20Simple%20Raspberry%20Pi%20Photo%20Frame" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1WqNqsB Simple Raspberry Pi Photo Frame','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -420px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1sCWCxi%20Simple%20Raspberry%20Pi%20Photo%20Frame&pic=&ralateUid=&" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1sCWCxi Simple Raspberry Pi Photo Frame&pic=&ralateUid=&','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -450px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1WqNtoh%20Simple%20Raspberry%20Pi%20Photo%20Frame" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1WqNtoh Simple Raspberry Pi Photo Frame','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -480px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1sCWJZL%20Simple%20Raspberry%20Pi%20Photo%20Frame" id="backforunical744" name="backforunical744" onclick="javascript:void window.open('http://bit.ly/1sCWJZL Simple Raspberry Pi Photo Frame','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -510px -120px" target="_blank"></a></li> </ul> <div class="clear"></div> </div> View more at: <a href="http://bit.ly/1XReQFr">http://bit.ly/1XReQFr</a>

A Simple Raspberry Pi Photo Frame

The Raspberry Pi photo frame is a perfect setup for anyone who wants to display photos of their loved ones, memories or anything else might ...

Read more »

Install Android, Cordova, and Ionic Framework in Ubuntu

<p>After recognizing that I develop almost entirely on <a href="http://bit.ly/1qK4wnr" target="_blank" title="Ubuntu Linux">Ubuntu Linux</a>, a subscriber of mine asked me how to properly set up an Ubuntu machine for <a href="http://bit.ly/1sQrjjm" target="_blank" title="Ionic Framework">Ionic Framework</a> Android development.  Now there are a ton of options to handle this task, but not many bare bones solutions.  Most solutions on the internet explain how to use an IDE, or fail to elaborate a complete installation.</p> <p>If you’re not interested in learning how to accomplish the task of installing <a href="http://nodejs.org/" target="_blank" title="NodeJS / NPM">NPM</a>, Android, <a href="http://bit.ly/1qK4ifZ" target="_blank" title="Apache Cordova">Apache Cordova</a>, and Ionic Framework, you can just <a href="http://bit.ly/1sQrGdI" target="_blank" title="Ubuntu Ionic Installer Github">download a convenient shell script</a> that I made.  If you want to know how this shell script works and would like to get the most out of it, continue reading the article.</p> <p>To install everything using the shell script I provided, download it and do the following:</p> <div id="crayon-5745dfcbe85a8177803540" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Install Script</span> <div class="crayon-tools"> <div class="crayon-button crayon-popup-button" title="Open Code In New Window"></div> <p><span class="crayon-language">Shell</span></p> </div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe85a8177803540-1">1</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe85a8177803540-2">2</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe85a8177803540-1" class="crayon-line"><span class="crayon-r">chmod</span> <span class="crayon-cn">775</span> <span class="crayon-v">ubuntu_ionic_installer</span><span class="crayon-e">.sh</span></div> <div id="crayon-5745dfcbe85a8177803540-2" class="crayon-line crayon-striped-line"><span class="crayon-i">sudo</span> <span class="crayon-sy">.</span><span class="crayon-o">/</span><span class="crayon-v">ubuntu_ionic_installer</span><span class="crayon-e">.sh</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>The above will make the script executable and then it will be installed using a privileged account.  Failing to use <strong>sudo</strong> will probably give you strange results.</p> <div class="insert-post-ads"></div> <p>The installation script will download and configure the following:</p> <ul> <li>Java JDK</li> <li>Apache Ant</li> <li>Android SDK</li> <li>NodeJS / NPM</li> <li>Apache Cordova</li> <li>Ionic Framework</li> </ul> <p>You can find most of these items installed to your operating system’s <strong>/opt</strong> directory.  Once setup has completed, you will need to restart your Ubuntu session, by logging out or restarting your machine.  When you sign back in you will need to download the various Android targets that could not be installed via a command line.</p> <p>To download the necessary Android targets and platform tools you will need to enter <strong>android</strong> from a command prompt to launch the Android UI.</p> <p><a href="http://bit.ly/1qK4ig6" target="_blank"><img alt="Install Android Targets" class="alignnone wp-image-798 size-full" height="572" sizes="(max-width: 790px) 100vw, 790px" src="http://bit.ly/1qK4ig6" srcset="//www.thepolyglotdeveloper.com/wp-content/uploads/2014/09/Install-Android-Targets.png 790w, //www.thepolyglotdeveloper.com/wp-content/uploads/2014/09/Install-Android-Targets-300x217.png 300w" width="790" /></a></p> <p>Start by installing whatever the SDK Manager recommends when launching it.  You will need Android API 19 for Ionic Framework, so install that when you’re able to.</p> <p>So what exactly are we doing in this wonderful script?  Pretty much only very basic downloading and extracting in an automated fashion.</p> <p>Let’s start by looking at the following line:</p> <div id="crayon-5745dfcbe85ce479855674" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Ubuntu Ionic Installer</span> <div class="crayon-tools"> <div class="crayon-button crayon-popup-button" title="Open Code In New Window"></div> <p><span class="crayon-language">Shell</span></p> </div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe85ce479855674-1">1</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe85ce479855674-1" class="crayon-line"><span class="crayon-v">LINUX_ARCH</span><span class="crayon-o">=</span><span class="crayon-s">“$(lscpu | grep ‘Architecture’ | awk -F\: ‘{ print $2 }’ | tr -d ‘ ‘)”</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>The above line of code will parse the system’s CPU information looking for the architecture.  Because there are no universal binaries for x86 and x64 architectures we need to figure out what we are installing.  The above line will either return <strong>x86_64</strong> for 64-bit architectures or <strong>i686</strong> for 32-bit architectures.</p> <p>Next in our script we want to update our Ubuntu software repository list.  Because we will be installing Java and Ant from the software channel, we need it to be up to date.  Updating the list can be done as follows:</p> <div id="crayon-5745dfcbe85d5193113413" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Ubuntu Ionic Installer</span> <div class="crayon-tools"> <div class="crayon-button crayon-popup-button" title="Open Code In New Window"></div> <p><span class="crayon-language">Shell</span></p> </div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe85d5193113413-1">1</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe85d5193113413-1" class="crayon-line"><span class="crayon-v">apt</span><span class="crayon-o">–</span><span class="crayon-r">get</span> <span class="crayon-v">update</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>Because the file names for each Ubuntu architecture are different, we need to create a conditional that first determines which binary set should be downloaded and installed.  If you’re familiar with <a href="http://bit.ly/26nCm2L" itemprop="url" target="_bank" title="Linux"><strong>Linux</strong></a>, you’ll know that we can do this check like so:</p> <div id="crayon-5745dfcbe85db608773914" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Ubuntu Ionic Installer</span> <div class="crayon-tools"> <div class="crayon-button crayon-popup-button" title="Open Code In New Window"></div> <p><span class="crayon-language">Shell</span></p> </div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe85db608773914-1">1</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe85db608773914-2">2</div> <div class="crayon-num" data-line="crayon-5745dfcbe85db608773914-3">3</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe85db608773914-4">4</div> <div class="crayon-num" data-line="crayon-5745dfcbe85db608773914-5">5</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe85db608773914-1" class="crayon-line"><span class="crayon-st">if</span> <span class="crayon-sy">[</span> <span class="crayon-s">“$LINUX_ARCH”</span> <span class="crayon-o">==</span> <span class="crayon-s">“x86_64”</span> <span class="crayon-sy">]</span><span class="crayon-sy">;</span> <span class="crayon-st">then</span></div> <div id="crayon-5745dfcbe85db608773914-2" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe85db608773914-3" class="crayon-line"><span class="crayon-st">else</span></div> <div id="crayon-5745dfcbe85db608773914-4" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe85db608773914-5" class="crayon-line"><span class="crayon-st">fi</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>For the x86 and x64 architectures, the process is pretty much the same.  Only the file names are different.  However, a critical difference in the x64 architecture is that we need to download a few x86 libraries.  This can be done as follows:</p> <div id="crayon-5745dfcbe85e1846485291" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Ubuntu Ionic Installer</span> <div class="crayon-tools"> <div class="crayon-button crayon-popup-button" title="Open Code In New Window"></div> <p><span class="crayon-language">Shell</span></p> </div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe85e1846485291-1">1</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe85e1846485291-1" class="crayon-line"><span class="crayon-v">apt</span><span class="crayon-o">–</span><span class="crayon-r">get</span> <span class="crayon-v">install</span> <span class="crayon-o">–</span><span class="crayon-v">qq</span> <span class="crayon-o">–</span><span class="crayon-i">y</span> <span class="crayon-v">libc6</span><span class="crayon-o">:</span><span class="crayon-e">i386</span> <span class="crayon-v">libgcc1</span><span class="crayon-o">:</span><span class="crayon-e">i386</span> <span class="crayon-v">libstdc</span><span class="crayon-o">++</span><span class="crayon-cn">6</span><span class="crayon-o">:</span><span class="crayon-e">i386</span> <span class="crayon-v">libz1</span><span class="crayon-o">:</span><span class="crayon-v">i386</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>Once that’s done we start downloading the defined versions of <a href="http://bit.ly/1rZ302b" itemprop="url" target="_bank" title="NodeJS"><strong>NodeJS</strong></a> and the Android SDK by making use of the <strong>wget</strong> <a href="http://bit.ly/1T1LpPV" itemprop="url" target="_bank" title="linux"><strong>linux</strong></a> command.  After downloading, we need to extract the tarballs and rename the directories for easier management.  All this can be demonstrated below:</p> <div id="crayon-5745dfcbe85e7898657766" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Ubuntu Ionic Installer</span> <div class="crayon-tools"> <div class="crayon-button crayon-popup-button" title="Open Code In New Window"></div> <p><span class="crayon-language">Shell</span></p> </div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe85e7898657766-1">1</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe85e7898657766-2">2</div> <div class="crayon-num" data-line="crayon-5745dfcbe85e7898657766-3">3</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe85e7898657766-4">4</div> <div class="crayon-num" data-line="crayon-5745dfcbe85e7898657766-5">5</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe85e7898657766-6">6</div> <div class="crayon-num" data-line="crayon-5745dfcbe85e7898657766-7">7</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe85e7898657766-8">8</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe85e7898657766-1" class="crayon-line"><span class="crayon-i">wget</span> <span class="crayon-s">“$NODE_X64”</span> <span class="crayon-o">–</span><span class="crayon-i">O</span> <span class="crayon-s">“<a href="http://bit.ly/1qK42xJ" itemprop="url" target="_bank" title="nodejs"><strong>nodejs</strong></a>.tgz”</span></div> <div id="crayon-5745dfcbe85e7898657766-2" class="crayon-line crayon-striped-line"><span class="crayon-i">wget</span> <span class="crayon-s">“$ANDROID_SDK_X64”</span> <span class="crayon-o">–</span><span class="crayon-i">O</span> <span class="crayon-s">“android-sdk.tgz”</span></div> <div id="crayon-5745dfcbe85e7898657766-3" class="crayon-line"></div> <div id="crayon-5745dfcbe85e7898657766-4" class="crayon-line crayon-striped-line"><span class="crayon-e">tar</span> <span class="crayon-i">zxf</span> <span class="crayon-s">“nodejs.tgz”</span> <span class="crayon-o">–</span><span class="crayon-i">C</span> <span class="crayon-s">“$INSTALL_PATH”</span></div> <div id="crayon-5745dfcbe85e7898657766-5" class="crayon-line"><span class="crayon-e">tar</span> <span class="crayon-i">zxf</span> <span class="crayon-s">“android-sdk.tgz”</span> <span class="crayon-o">–</span><span class="crayon-i">C</span> <span class="crayon-s">“$INSTALL_PATH”</span></div> <div id="crayon-5745dfcbe85e7898657766-6" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe85e7898657766-7" class="crayon-line"><span class="crayon-r">cd</span> <span class="crayon-s">“$INSTALL_PATH”</span> <span class="crayon-o">&&</span> <span class="crayon-r">mv</span> <span class="crayon-s">“android-sdk-linux”</span> <span class="crayon-s">“android-sdk”</span></div> <div id="crayon-5745dfcbe85e7898657766-8" class="crayon-line crayon-striped-line"><span class="crayon-r">cd</span> <span class="crayon-s">“$INSTALL_PATH”</span> <span class="crayon-o">&&</span> <span class="crayon-r">mv</span> <span class="crayon-s">“node-v0.10.32-linux-x64”</span> <span class="crayon-s">“node”</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>Since the Android SDK is being placed in a location that requires higher permissions, we need to change the permissions to allow for read and write.  This is because the SDK doesn’t ship with everything out of the box.  You’ll need install these items after running the install script.</p> <p>When our NodeJS and Android SDK directories are placed in the correct location, we need to make sure that they get added to our user profile.  Adding the paths to the user profile makes them usable every time you sign into your computer.  Adding to the profile can be done like so:</p> <div id="crayon-5745dfcbe85ee237989462" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Ubuntu Ionic Installer</span> <div class="crayon-tools"> <div class="crayon-button crayon-popup-button" title="Open Code In New Window"></div> <p><span class="crayon-language">Shell</span></p> </div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe85ee237989462-1">1</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe85ee237989462-2">2</div> <div class="crayon-num" data-line="crayon-5745dfcbe85ee237989462-3">3</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe85ee237989462-1" class="crayon-line"><span class="crayon-r">echo</span> <span class="crayon-s">“export PATH=\$PATH:$ANDROID_SDK_PATH/tools”</span> <span class="crayon-o">>></span> <span class="crayon-s">“.profile”</span></div> <div id="crayon-5745dfcbe85ee237989462-2" class="crayon-line crayon-striped-line"><span class="crayon-r">echo</span> <span class="crayon-s">“export PATH=\$PATH:$ANDROID_SDK_PATH/platform-tools”</span> <span class="crayon-o">>></span> <span class="crayon-s">“.profile”</span></div> <div id="crayon-5745dfcbe85ee237989462-3" class="crayon-line"><span class="crayon-r">echo</span> <span class="crayon-s">“export PATH=\$PATH:$NODE_PATH/bin”</span> <span class="crayon-o">>></span> <span class="crayon-s">“.profile”</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>Adding to the profile isn’t good enough for our script because for changes to happen the Ubuntu session must be restarted.  Because of this, we also need to temporarily alter our path by running the following:</p> <div id="crayon-5745dfcbe85f3696365480" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Ubuntu Ionic Installer</span> <div class="crayon-tools"> <div class="crayon-button crayon-popup-button" title="Open Code In New Window"></div> <p><span class="crayon-language">Shell</span></p> </div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe85f3696365480-1">1</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe85f3696365480-2">2</div> <div class="crayon-num" data-line="crayon-5745dfcbe85f3696365480-3">3</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe85f3696365480-1" class="crayon-line"><span class="crayon-e">export</span> <span class="crayon-v">PATH</span><span class="crayon-o">=</span><span class="crayon-v">$PATH</span><span class="crayon-o">:</span><span class="crayon-v">$ANDROID_SDK_PATH</span><span class="crayon-o">/</span><span class="crayon-e">tools</span></div> <div id="crayon-5745dfcbe85f3696365480-2" class="crayon-line crayon-striped-line"><span class="crayon-e">export</span> <span class="crayon-v">PATH</span><span class="crayon-o">=</span><span class="crayon-v">$PATH</span><span class="crayon-o">:</span><span class="crayon-v">$ANDROID_SDK_PATH</span><span class="crayon-o">/</span><span class="crayon-v">platform</span><span class="crayon-o">–</span><span class="crayon-e">tools</span></div> <div id="crayon-5745dfcbe85f3696365480-3" class="crayon-line"><span class="crayon-e">export</span> <span class="crayon-v">PATH</span><span class="crayon-o">=</span><span class="crayon-v">$PATH</span><span class="crayon-o">:</span><span class="crayon-v">$NODE_PATH</span><span class="crayon-o">/</span><span class="crayon-v">bin</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>Just a few things left to do, then we are done.  By default, Ubuntu doesn’t ship with the Java JDK or Apache Ant.  These must be installed separately.  Because I wanted to keep a silent installation, I added a few tags to a standard install:</p> <div id="crayon-5745dfcbe85f9766234518" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Ubuntu Linux Ionic Installer</span> <div class="crayon-tools"></div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe85f9766234518-1">1</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe85f9766234518-1" class="crayon-line"><span class="crayon-v">apt</span><span class="crayon-o">–</span><span class="crayon-v">get</span> <span class="crayon-o">–</span><span class="crayon-v">qq</span> <span class="crayon-o">–</span><span class="crayon-i">y</span> <span class="crayon-e">install</span> <span class="crayon-st">default</span><span class="crayon-o">–</span><span class="crayon-e">jdk</span> <span class="crayon-v">ant</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>The last thing we want to do before cleanup, is install Apache Cordova and Ionic Framework using NPM:</p> <div id="crayon-5745dfcbe85fe299723352" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Ubuntu Ionic Installation</span> <div class="crayon-tools"> <div class="crayon-button crayon-popup-button" title="Open Code In New Window"></div> <p><span class="crayon-language">Shell</span></p> </div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe85fe299723352-1">1</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe85fe299723352-2">2</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe85fe299723352-1" class="crayon-line"><span class="crayon-e">npm</span> <span class="crayon-v">install</span> <span class="crayon-o">–</span><span class="crayon-i">g</span> <span class="crayon-e">cordova</span></div> <div id="crayon-5745dfcbe85fe299723352-2" class="crayon-line crayon-striped-line"><span class="crayon-e">npm</span> <span class="crayon-v">install</span> <span class="crayon-o">–</span><span class="crayon-i">g</span> <span class="crayon-v">ionic</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>Just like that we are good to go.  If everything went smooth you should be able to use Ionic Framework with Android in a few lines of code:</p> <div id="crayon-5745dfcbe8603959291160" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Create Ionic Project</span> <div class="crayon-tools"> <div class="crayon-button crayon-popup-button" title="Open Code In New Window"></div> <p><span class="crayon-language">Shell</span></p> </div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe8603959291160-1">1</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8603959291160-2">2</div> <div class="crayon-num" data-line="crayon-5745dfcbe8603959291160-3">3</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe8603959291160-1" class="crayon-line"><span class="crayon-e">ionic</span> <span class="crayon-e">start</span> <span class="crayon-e">ExampleProject</span> <span class="crayon-e">blank</span></div> <div id="crayon-5745dfcbe8603959291160-2" class="crayon-line crayon-striped-line"><span class="crayon-r">cd</span> <span class="crayon-e">ExampleProject</span></div> <div id="crayon-5745dfcbe8603959291160-3" class="crayon-line"><span class="crayon-e">ionic</span> <span class="crayon-e">platform</span> <span class="crayon-e">add</span> <span class="crayon-v">android</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>If you’re interested in seeing the <a href="http://bit.ly/1sQrkUs" itemprop="url" target="_bank" title="full source"><strong>full source</strong></a> code to this script you can either download and open it in a text editor, or see below:</p> <div id="crayon-5745dfcbe8609763839443" class="crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover"> <div class="crayon-toolbar" data-settings=" show"><span class="crayon-title">Full Ionic Install Script</span> <div class="crayon-tools"> <div class="crayon-button crayon-popup-button" title="Open Code In New Window"></div> <p><span class="crayon-language">Shell</span></p> </div> </div> <div class="crayon-plain-wrap"></div> <div class="crayon-main"> <table class="crayon-table"> <tbody> <tr class="crayon-row"> <td class="crayon-nums" data-settings="show"> <div class="crayon-nums-content"> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-1">1</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-2">2</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-3">3</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-4">4</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-5">5</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-6">6</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-7">7</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-8">8</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-9">9</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-10">10</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-11">11</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-12">12</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-13">13</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-14">14</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-15">15</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-16">16</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-17">17</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-18">18</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-19">19</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-20">20</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-21">21</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-22">22</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-23">23</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-24">24</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-25">25</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-26">26</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-27">27</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-28">28</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-29">29</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-30">30</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-31">31</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-32">32</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-33">33</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-34">34</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-35">35</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-36">36</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-37">37</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-38">38</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-39">39</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-40">40</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-41">41</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-42">42</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-43">43</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-44">44</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-45">45</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-46">46</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-47">47</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-48">48</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-49">49</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-50">50</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-51">51</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-52">52</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-53">53</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-54">54</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-55">55</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-56">56</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-57">57</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-58">58</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-59">59</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-60">60</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-61">61</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-62">62</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-63">63</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-64">64</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-65">65</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-66">66</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-67">67</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-68">68</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-69">69</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-70">70</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-71">71</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-72">72</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-73">73</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-74">74</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-75">75</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-76">76</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-77">77</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-78">78</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-79">79</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-80">80</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-81">81</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-82">82</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-83">83</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-84">84</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-85">85</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-86">86</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-87">87</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-88">88</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-89">89</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-90">90</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-91">91</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-92">92</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-93">93</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-94">94</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-95">95</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-96">96</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-97">97</div> <div class="crayon-num crayon-striped-num" data-line="crayon-5745dfcbe8609763839443-98">98</div> <div class="crayon-num" data-line="crayon-5745dfcbe8609763839443-99">99</div> </div> </td> <td class="crayon-code"> <div class="crayon-pre"> <div id="crayon-5745dfcbe8609763839443-1" class="crayon-line"><span class="crayon-p">#!/bin/bash</span></div> <div id="crayon-5745dfcbe8609763839443-2" class="crayon-line crayon-striped-line"><span class="crayon-c"># Ubuntu Developer Script For Ionic Framework</span></div> <div id="crayon-5745dfcbe8609763839443-3" class="crayon-line"><span class="crayon-c"># Created by Nic Raboy</span></div> <div id="crayon-5745dfcbe8609763839443-4" class="crayon-line crayon-striped-line"><span class="crayon-c"># http://bit.ly/1qK4r3b</span></div> <div id="crayon-5745dfcbe8609763839443-5" class="crayon-line"><span class="crayon-c">#</span></div> <div id="crayon-5745dfcbe8609763839443-6" class="crayon-line crayon-striped-line"><span class="crayon-c">#</span></div> <div id="crayon-5745dfcbe8609763839443-7" class="crayon-line"><span class="crayon-c"># Downloads and configures the following:</span></div> <div id="crayon-5745dfcbe8609763839443-8" class="crayon-line crayon-striped-line"><span class="crayon-c">#</span></div> <div id="crayon-5745dfcbe8609763839443-9" class="crayon-line"><span class="crayon-c">#   Java JDK</span></div> <div id="crayon-5745dfcbe8609763839443-10" class="crayon-line crayon-striped-line"><span class="crayon-c">#   Apache Ant</span></div> <div id="crayon-5745dfcbe8609763839443-11" class="crayon-line"><span class="crayon-c">#   Android</span></div> <div id="crayon-5745dfcbe8609763839443-12" class="crayon-line crayon-striped-line"><span class="crayon-c">#   NPM</span></div> <div id="crayon-5745dfcbe8609763839443-13" class="crayon-line"><span class="crayon-c">#   Apache Cordova</span></div> <div id="crayon-5745dfcbe8609763839443-14" class="crayon-line crayon-striped-line"><span class="crayon-c">#   Ionic Framework</span></div> <div id="crayon-5745dfcbe8609763839443-15" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-16" class="crayon-line crayon-striped-line"><span class="crayon-v">HOME_PATH</span><span class="crayon-o">=</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-r">cd</span> <span class="crayon-o">~</span><span class="crayon-o">/</span> <span class="crayon-o">&&</span> <span class="crayon-r">pwd</span><span class="crayon-sy">)</span></div> <div id="crayon-5745dfcbe8609763839443-17" class="crayon-line"><span class="crayon-v">INSTALL_PATH</span><span class="crayon-o">=</span><span class="crayon-o">/</span><span class="crayon-e">opt</span></div> <div id="crayon-5745dfcbe8609763839443-18" class="crayon-line crayon-striped-line"><span class="crayon-v">ANDROID_SDK_PATH</span><span class="crayon-o">=</span><span class="crayon-o">/</span><span class="crayon-v">opt</span><span class="crayon-o">/</span><span class="crayon-v">android</span><span class="crayon-o">–</span><span class="crayon-e">sdk</span></div> <div id="crayon-5745dfcbe8609763839443-19" class="crayon-line"><span class="crayon-v">NODE_PATH</span><span class="crayon-o">=</span><span class="crayon-o">/</span><span class="crayon-v">opt</span><span class="crayon-o">/</span><span class="crayon-v">node</span></div> <div id="crayon-5745dfcbe8609763839443-20" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe8609763839443-21" class="crayon-line"><span class="crayon-c"># x86_64 or i686</span></div> <div id="crayon-5745dfcbe8609763839443-22" class="crayon-line crayon-striped-line"><span class="crayon-v">LINUX_ARCH</span><span class="crayon-o">=</span><span class="crayon-s">“$(lscpu | grep ‘Architecture’ | awk -F\: ‘{ print $2 }’ | tr -d ‘ ‘)”</span></div> <div id="crayon-5745dfcbe8609763839443-23" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-24" class="crayon-line crayon-striped-line"><span class="crayon-c"># Latest Android Linux SDK for x64 and x86 as of 10-19-2014</span></div> <div id="crayon-5745dfcbe8609763839443-25" class="crayon-line"><span class="crayon-v">ANDROID_SDK_X64</span><span class="crayon-o">=</span><span class="crayon-s">“http://bit.ly/1sQrsn1;</span></div> <div id="crayon-5745dfcbe8609763839443-26" class="crayon-line crayon-striped-line"><span class="crayon-v">ANDROID_SDK_X86</span><span class="crayon-o">=</span><span class="crayon-s">“http://bit.ly/1sQrsn1;</span></div> <div id="crayon-5745dfcbe8609763839443-27" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-28" class="crayon-line crayon-striped-line"><span class="crayon-c"># Latest NodeJS for x64 and x86 as of 10-19-2014</span></div> <div id="crayon-5745dfcbe8609763839443-29" class="crayon-line"><span class="crayon-v">NODE_X64</span><span class="crayon-o">=</span><span class="crayon-s">“http://bit.ly/1qK4dcg;</span></div> <div id="crayon-5745dfcbe8609763839443-30" class="crayon-line crayon-striped-line"><span class="crayon-v">NODE_X86</span><span class="crayon-o">=</span><span class="crayon-s">“http://bit.ly/1sQrsn0;</span></div> <div id="crayon-5745dfcbe8609763839443-31" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-32" class="crayon-line crayon-striped-line"><span class="crayon-c"># Update all Ubuntu software repository lists</span></div> <div id="crayon-5745dfcbe8609763839443-33" class="crayon-line"><span class="crayon-v">apt</span><span class="crayon-o">–</span><span class="crayon-r">get</span> <span class="crayon-e">update</span></div> <div id="crayon-5745dfcbe8609763839443-34" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe8609763839443-35" class="crayon-line"><span class="crayon-r">cd</span> <span class="crayon-o">~</span><span class="crayon-o">/</span><span class="crayon-e">Desktop</span></div> <div id="crayon-5745dfcbe8609763839443-36" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe8609763839443-37" class="crayon-line"><span class="crayon-st">if</span> <span class="crayon-sy">[</span> <span class="crayon-s">“$LINUX_ARCH”</span> <span class="crayon-o">==</span> <span class="crayon-s">“x86_64”</span> <span class="crayon-sy">]</span><span class="crayon-sy">;</span> <span class="crayon-st">then</span></div> <div id="crayon-5745dfcbe8609763839443-38" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe8609763839443-39" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-i">wget</span> <span class="crayon-s">“$NODE_X64”</span> <span class="crayon-o">–</span><span class="crayon-i">O</span> <span class="crayon-s">“nodejs.tgz”</span></div> <div id="crayon-5745dfcbe8609763839443-40" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-i">wget</span> <span class="crayon-s">“$ANDROID_SDK_X64”</span> <span class="crayon-o">–</span><span class="crayon-i">O</span> <span class="crayon-s">“android-sdk.tgz”</span></div> <div id="crayon-5745dfcbe8609763839443-41" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-42" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e">tar</span> <span class="crayon-i">zxf</span> <span class="crayon-s">“nodejs.tgz”</span> <span class="crayon-o">–</span><span class="crayon-i">C</span> <span class="crayon-s">“$INSTALL_PATH”</span></div> <div id="crayon-5745dfcbe8609763839443-43" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e">tar</span> <span class="crayon-i">zxf</span> <span class="crayon-s">“android-sdk.tgz”</span> <span class="crayon-o">–</span><span class="crayon-i">C</span> <span class="crayon-s">“$INSTALL_PATH”</span></div> <div id="crayon-5745dfcbe8609763839443-44" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe8609763839443-45" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-r">cd</span> <span class="crayon-s">“$INSTALL_PATH”</span> <span class="crayon-o">&&</span> <span class="crayon-r">mv</span> <span class="crayon-s">“android-sdk-linux”</span> <span class="crayon-s">“android-sdk”</span></div> <div id="crayon-5745dfcbe8609763839443-46" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-r">cd</span> <span class="crayon-s">“$INSTALL_PATH”</span> <span class="crayon-o">&&</span> <span class="crayon-r">mv</span> <span class="crayon-s">“node-v0.10.32-linux-x64”</span> <span class="crayon-s">“node”</span></div> <div id="crayon-5745dfcbe8609763839443-47" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-48" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-c"># Android SDK requires some x86 architecture libraries even on x64 system</span></div> <div id="crayon-5745dfcbe8609763839443-49" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-v">apt</span><span class="crayon-o">–</span><span class="crayon-r">get</span> <span class="crayon-v">install</span> <span class="crayon-o">–</span><span class="crayon-v">qq</span> <span class="crayon-o">–</span><span class="crayon-i">y</span> <span class="crayon-v">libc6</span><span class="crayon-o">:</span><span class="crayon-e">i386</span> <span class="crayon-v">libgcc1</span><span class="crayon-o">:</span><span class="crayon-e">i386</span> <span class="crayon-v">libstdc</span><span class="crayon-o">++</span><span class="crayon-cn">6</span><span class="crayon-o">:</span><span class="crayon-e">i386</span> <span class="crayon-v">libz1</span><span class="crayon-o">:</span><span class="crayon-e">i386</span></div> <div id="crayon-5745dfcbe8609763839443-50" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe8609763839443-51" class="crayon-line"><span class="crayon-st">else</span></div> <div id="crayon-5745dfcbe8609763839443-52" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe8609763839443-53" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-i">wget</span> <span class="crayon-s">“$NODE_X86”</span> <span class="crayon-o">–</span><span class="crayon-i">O</span> <span class="crayon-s">“nodejs.tgz”</span></div> <div id="crayon-5745dfcbe8609763839443-54" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-i">wget</span> <span class="crayon-s">“$ANDROID_SDK_X86”</span> <span class="crayon-o">–</span><span class="crayon-i">O</span> <span class="crayon-s">“android-sdk.tgz”</span></div> <div id="crayon-5745dfcbe8609763839443-55" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-56" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e">tar</span> <span class="crayon-i">zxf</span> <span class="crayon-s">“nodejs.tgz”</span> <span class="crayon-o">–</span><span class="crayon-i">C</span> <span class="crayon-s">“$INSTALL_PATH”</span></div> <div id="crayon-5745dfcbe8609763839443-57" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e">tar</span> <span class="crayon-i">zxf</span> <span class="crayon-s">“android-sdk.tgz”</span> <span class="crayon-o">–</span><span class="crayon-i">C</span> <span class="crayon-s">“$INSTALL_PATH”</span></div> <div id="crayon-5745dfcbe8609763839443-58" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe8609763839443-59" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-r">cd</span> <span class="crayon-s">“$INSTALL_PATH”</span> <span class="crayon-o">&&</span> <span class="crayon-r">mv</span> <span class="crayon-s">“android-sdk-linux”</span> <span class="crayon-s">“android-sdk”</span></div> <div id="crayon-5745dfcbe8609763839443-60" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-r">cd</span> <span class="crayon-s">“$INSTALL_PATH”</span> <span class="crayon-o">&&</span> <span class="crayon-r">mv</span> <span class="crayon-s">“node-v0.10.32-linux-x86”</span> <span class="crayon-s">“node”</span></div> <div id="crayon-5745dfcbe8609763839443-61" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-62" class="crayon-line crayon-striped-line"><span class="crayon-st">fi</span></div> <div id="crayon-5745dfcbe8609763839443-63" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-64" class="crayon-line crayon-striped-line"><span class="crayon-r">cd</span> <span class="crayon-s">“$INSTALL_PATH”</span> <span class="crayon-o">&&</span> <span class="crayon-r">chown</span> <span class="crayon-v">root</span><span class="crayon-o">:</span><span class="crayon-i">root</span> <span class="crayon-s">“android-sdk”</span> <span class="crayon-o">–</span><span class="crayon-i">R</span></div> <div id="crayon-5745dfcbe8609763839443-65" class="crayon-line"><span class="crayon-r">cd</span> <span class="crayon-s">“$INSTALL_PATH”</span> <span class="crayon-o">&&</span> <span class="crayon-r">chmod</span> <span class="crayon-cn">777</span> <span class="crayon-s">“android-sdk”</span> <span class="crayon-o">–</span><span class="crayon-i">R</span></div> <div id="crayon-5745dfcbe8609763839443-66" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe8609763839443-67" class="crayon-line"><span class="crayon-r">cd</span> <span class="crayon-o">~</span><span class="crayon-o">/</span></div> <div id="crayon-5745dfcbe8609763839443-68" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe8609763839443-69" class="crayon-line"><span class="crayon-c"># Add Android and NPM paths to the profile to preserve settings on boot</span></div> <div id="crayon-5745dfcbe8609763839443-70" class="crayon-line crayon-striped-line"><span class="crayon-r">echo</span> <span class="crayon-s">“export PATH=\$PATH:$ANDROID_SDK_PATH/tools”</span> <span class="crayon-o">>></span> <span class="crayon-s">“.profile”</span></div> <div id="crayon-5745dfcbe8609763839443-71" class="crayon-line"><span class="crayon-r">echo</span> <span class="crayon-s">“export PATH=\$PATH:$ANDROID_SDK_PATH/platform-tools”</span> <span class="crayon-o">>></span> <span class="crayon-s">“.profile”</span></div> <div id="crayon-5745dfcbe8609763839443-72" class="crayon-line crayon-striped-line"><span class="crayon-r">echo</span> <span class="crayon-s">“export PATH=\$PATH:$NODE_PATH/bin”</span> <span class="crayon-o">>></span> <span class="crayon-s">“.profile”</span></div> <div id="crayon-5745dfcbe8609763839443-73" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-74" class="crayon-line crayon-striped-line"><span class="crayon-c"># Add Android and NPM paths to the temporary user path to complete installation</span></div> <div id="crayon-5745dfcbe8609763839443-75" class="crayon-line"><span class="crayon-e">export</span> <span class="crayon-v">PATH</span><span class="crayon-o">=</span><span class="crayon-v">$PATH</span><span class="crayon-o">:</span><span class="crayon-v">$ANDROID_SDK_PATH</span><span class="crayon-o">/</span><span class="crayon-e">tools</span></div> <div id="crayon-5745dfcbe8609763839443-76" class="crayon-line crayon-striped-line"><span class="crayon-e">export</span> <span class="crayon-v">PATH</span><span class="crayon-o">=</span><span class="crayon-v">$PATH</span><span class="crayon-o">:</span><span class="crayon-v">$ANDROID_SDK_PATH</span><span class="crayon-o">/</span><span class="crayon-v">platform</span><span class="crayon-o">–</span><span class="crayon-e">tools</span></div> <div id="crayon-5745dfcbe8609763839443-77" class="crayon-line"><span class="crayon-e">export</span> <span class="crayon-v">PATH</span><span class="crayon-o">=</span><span class="crayon-v">$PATH</span><span class="crayon-o">:</span><span class="crayon-v">$NODE_PATH</span><span class="crayon-o">/</span><span class="crayon-v">bin</span></div> <div id="crayon-5745dfcbe8609763839443-78" class="crayon-line crayon-striped-line"></div> <div id="crayon-5745dfcbe8609763839443-79" class="crayon-line"><span class="crayon-c"># Install JDK and Apache Ant</span></div> <div id="crayon-5745dfcbe8609763839443-80" class="crayon-line crayon-striped-line"><span class="crayon-v">apt</span><span class="crayon-o">–</span><span class="crayon-r">get</span> <span class="crayon-o">–</span><span class="crayon-v">qq</span> <span class="crayon-o">–</span><span class="crayon-i">y</span> <span class="crayon-e">install</span> <span class="crayon-st">default</span><span class="crayon-o">–</span><span class="crayon-e">jdk</span> <span class="crayon-v">ant</span></div> <div id="crayon-5745dfcbe8609763839443-81" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-82" class="crayon-line crayon-striped-line"><span class="crayon-c"># Set JAVA_HOME based on the default OpenJDK installed</span></div> <div id="crayon-5745dfcbe8609763839443-83" class="crayon-line"><span class="crayon-e">export</span> <span class="crayon-v">JAVA_HOME</span><span class="crayon-o">=</span><span class="crayon-s">“$(find /usr -type l -name ‘default-java’)”</span></div> <div id="crayon-5745dfcbe8609763839443-84" class="crayon-line crayon-striped-line"><span class="crayon-st">if</span> <span class="crayon-sy">[</span> <span class="crayon-s">“$JAVA_HOME”</span> <span class="crayon-o">!=</span> <span class="crayon-s">“”</span> <span class="crayon-sy">]</span><span class="crayon-sy">;</span> <span class="crayon-st">then</span></div> <div id="crayon-5745dfcbe8609763839443-85" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-r">echo</span> <span class="crayon-s">“export JAVA_HOME=$JAVA_HOME”</span> <span class="crayon-o">>></span> <span class="crayon-s">“.profile”</span></div> <div id="crayon-5745dfcbe8609763839443-86" class="crayon-line crayon-striped-line"><span class="crayon-st">fi</span></div> <div id="crayon-5745dfcbe8609763839443-87" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-88" class="crayon-line crayon-striped-line"><span class="crayon-c"># Install Apache Cordova and Ionic Framework</span></div> <div id="crayon-5745dfcbe8609763839443-89" class="crayon-line"><span class="crayon-e">npm</span> <span class="crayon-v">install</span> <span class="crayon-o">–</span><span class="crayon-i">g</span> <span class="crayon-e">cordova</span></div> <div id="crayon-5745dfcbe8609763839443-90" class="crayon-line crayon-striped-line"><span class="crayon-e">npm</span> <span class="crayon-v">install</span> <span class="crayon-o">–</span><span class="crayon-i">g</span> <span class="crayon-e">ionic</span></div> <div id="crayon-5745dfcbe8609763839443-91" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-92" class="crayon-line crayon-striped-line"><span class="crayon-r">cd</span> <span class="crayon-s">“$INSTALL_PATH”</span> <span class="crayon-o">&&</span> <span class="crayon-r">chmod</span> <span class="crayon-cn">777</span> <span class="crayon-s">“node”</span> <span class="crayon-o">–</span><span class="crayon-v">R</span></div> <div id="crayon-5745dfcbe8609763839443-93" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-94" class="crayon-line crayon-striped-line"><span class="crayon-c"># Clean up any files that were downloaded from the internet</span></div> <div id="crayon-5745dfcbe8609763839443-95" class="crayon-line"><span class="crayon-r">cd</span> <span class="crayon-o">~</span><span class="crayon-o">/</span><span class="crayon-v">Desktop</span> <span class="crayon-o">&&</span> <span class="crayon-r">rm</span> <span class="crayon-s">“android-sdk.tgz”</span></div> <div id="crayon-5745dfcbe8609763839443-96" class="crayon-line crayon-striped-line"><span class="crayon-r">cd</span> <span class="crayon-o">~</span><span class="crayon-o">/</span><span class="crayon-v">Desktop</span> <span class="crayon-o">&&</span> <span class="crayon-r">rm</span> <span class="crayon-s">“nodejs.tgz”</span></div> <div id="crayon-5745dfcbe8609763839443-97" class="crayon-line"></div> <div id="crayon-5745dfcbe8609763839443-98" class="crayon-line crayon-striped-line"><span class="crayon-r">echo</span> <span class="crayon-s">“———————————-“</span></div> <div id="crayon-5745dfcbe8609763839443-99" class="crayon-line"><span class="crayon-r">echo</span> <span class="crayon-s">“Restart your Ubuntu session for installation to complete…”</span></div> </div> </td> </tr> </tbody> </table> </div> </div> <p>A video version of this article can be seen below.</p> <p> </p> <p><iframe width="678" height="381" src="https://www.youtube.com/embed/wpnuHKcvEVk?feature=oembed" frameborder="0" allowfullscreen=""></iframe></p> <p> </p> <div id="huge-it-share-buttons-top" class="huge-it-share-buttons nobackground"> <h3>Share This:</h3> <ul class="huge-it-share-buttons-list"> <li class=" nobackground"><a href="http://bit.ly/1XReO0c" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1XReO0c','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -0px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="https://twitter.com/share?status=http://yoursmart.mobi/feed&text=Install%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('https://twitter.com/share?status=http://yoursmart.mobi/feed&text=Install Android, Cordova, and Ionic Framework in Ubuntu','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -30px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1qK4GLm%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1qK4GLm Android, Cordova, and Ionic Framework in Ubuntu','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -60px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1XReO0d" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1XReO0d','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -90px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1sQrriI%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu&mini=true&url=http://bit.ly/1XReO0g" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1sQrriI Android, Cordova, and Ionic Framework in Ubuntu&mini=true&url=http://bit.ly/1XReO0g','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -120px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1qK3zLY%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1qK3zLY Android, Cordova, and Ionic Framework in Ubuntu','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -150px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://di.gg/1sQrMly%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://di.gg/1sQrMly Android, Cordova, and Ionic Framework in Ubuntu','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -180px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://stumble.it/1qK4bAZ%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://stumble.it/1qK4bAZ Android, Cordova, and Ionic Framework in Ubuntu','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -210px -120px" target="_blank"></a></li> <li class=" nobackground"><a href="http://bit.ly/1XReO0l" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1XReO0l','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -240px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1sQrtY7%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1sQrtY7 Android, Cordova, and Ionic Framework in Ubuntu','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -270px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1qK4kEL%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1qK4kEL Android, Cordova, and Ionic Framework in Ubuntu','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -300px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1VNpzTU" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1VNpzTU','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -330px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1sQrYkV%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1sQrYkV Android, Cordova, and Ionic Framework in Ubuntu','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -360px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1VNpzTX" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1VNpzTX','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -390px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1sQroUk%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1sQroUk Android, Cordova, and Ionic Framework in Ubuntu','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -420px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1qK3CHE%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu&pic=&ralateUid=&" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1qK3CHE Android, Cordova, and Ionic Framework in Ubuntu&pic=&ralateUid=&','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -450px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1sQrknA%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1sQrknA Android, Cordova, and Ionic Framework in Ubuntu','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -480px -120px" target="_blank"></a></li> <li class="none nobackground"><a href="http://bit.ly/1qK4a01%20Android,%20Cordova,%20and%20Ionic%20Framework%20in%20Ubuntu" id="backforunical714" name="backforunical714" onclick="javascript:void window.open('http://bit.ly/1qK4a01 Android, Cordova, and Ionic Framework in Ubuntu','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -510px -120px" target="_blank"></a></li> </ul> <div class="clear"></div> </div> View more at: <a href="http://bit.ly/1XReQFr">http://bit.ly/1XReQFr</a>

Install Android, Cordova, and Ionic Framework in Ubuntu

After recognizing that I develop almost entirely on Ubuntu Linux , a subscriber of mine asked me how to properly set up an Ubuntu machine fo...

Read more »