samedi 6 mai 2017

ionic apps in 30 minutes from fresh ubuntu 17.04 install on vm machine (vmware)

---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------


-- ionic application from fresh ubuntu 17.04 install
-- tutorial | montrealix.com | == 05-05-2017
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------


1st > Fully install ubuntu 17.04 64 bits

After installation, click the ubuntu icon on top left, and type update in search box.
Click on Software and update

then, click the Community-maintained free and open-source software (universe)

--- Distro update
sudo apt-get update
sudo apt-get upgrade
sudo apt-get dist-upgrade

--- Installing ionic for ubuntu
sudo apt-get install nodejs
sudo apt get install npm
sudo apt-get update
sudo ln -s /usr/bin/nodejs /usr/bin/node
sudo npm install -g cordova ionic

--- Java
sudo add-apt-repository ppa:webupd8team/java
sudo apt-get update
sudo apt-get install java-common oracle-java8-installer
sudo apt-get install oracle-java8-set-default
source /etc/profile


--- Android studio
sudo add-apt-repository ppa:maarten-fonville/android-studio
sudo apt update
sudo apt install android-studio
sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make
sudo apt update
sudo apt install ubuntu-make
umake android
/opt/android-studio/bin/studio.sh
> under configuration > create desktop entry

--- Visual studio code
-- Download android studio file from website
sudo apt-get install -f # Install dependencies
sudo dpkg -i code_1.12.1-1493934083_amd64.deb

-- ANDROiD PATH
export PATH="$PATH:/Users/user/Android/Sdk/tools/bin"
export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools


--- Create the apps
ionic start DemoApps tabs
cd DemoApps
ionic platform add android


--- Android Studio
--- In android studio, open an existing Android Studio project
> DemoApps/platforms/android/ build.gradle


--- See result in browser
ionic serve

Take a look at the src/pages/ directory to add or change tabs, update any existing page or create new pages.

--- Compile
ionic build android
-- Android Studio -> Hit the play button to see on device result


---------------------------------------------------------
--https://forum.ionicframework.com/t/install-ionic-on-ubuntu-14-04/50270
--https://tecadmin.net/install-ionic-framework-on-ubuntu/
--https://askubuntu.com/questions/634082/how-to-install-android-studio-on-ubuntu
--https://montrealix.blogspot.ca