{"id":2799,"date":"2018-02-20T02:40:58","date_gmt":"2018-02-20T02:40:58","guid":{"rendered":"http:\/\/myprojects.advchaweb.com\/?p=2799"},"modified":"2018-02-20T08:08:18","modified_gmt":"2018-02-20T08:08:18","slug":"ionic-framework-on-ubuntu-16-04","status":"publish","type":"post","link":"https:\/\/myprojects.advchaweb.com\/index.php\/2018\/02\/20\/ionic-framework-on-ubuntu-16-04\/","title":{"rendered":"Ionic Framework on Ubuntu 16.04"},"content":{"rendered":"

Ref: https:\/\/ionicframework.com\/docs\/intro\/installation\/
\nMake sure node already installed<\/p>\n

teddy@teddy:~$ npm -v\r\n5.6.0<\/pre>\n
Installation<\/p>\n
teddy@teddy:~$ npm install -g ionic cordova\r\n\/home\/teddy\/.nvm\/versions\/node\/v8.9.4\/bin\/cordova -> \/home\/teddy\/.nvm\/versions\/node\/v8.9.4\/lib\/node_modules\/cordova\/bin\/cordova\r\n\/home\/teddy\/.nvm\/versions\/node\/v8.9.4\/bin\/ionic -> \/home\/teddy\/.nvm\/versions\/node\/v8.9.4\/lib\/node_modules\/ionic\/bin\/ionic\r\nnpm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules\/ionic\/node_modules\/fsevents):\r\nnpm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {\"os\":\"darwin\",\"arch\":\"any\"} (current: {\"os\":\"linux\",\"arch\":\"x64\"})\r\n\r\n+ cordova@8.0.0\r\n+ ionic@3.19.1\r\nadded 661 packages in 27.424s<\/pre>\n
Check the ionic version<\/p>\n
teddy@teddy:~$ ionic -v\r\n3.19.1<\/pre>\n
Check the cordova version<\/p>\n
teddy@teddy:~\/Documents\/node\/MyIonicProject$ cordova --version\r\n8.0.0<\/pre>\n
Create a test ionic project<\/p>\n
teddy@teddy:~$ cd Documents\/node\/\r\nteddy@teddy:~\/Documents\/node$ ionic start helloworld  blank\r\n\u2714 Creating directory .\/helloworld - done!\r\n\u2714 Downloading and extracting blank starter - done!\r\n\r\n? Would you like to integrate your new app with Cordova to target native iOS and\r\n Android? Yes\r\n\u2714 Personalizing ionic.config.json and package.json - done!\r\n> ionic integrations enable cordova --quiet\r\n\u2714 Downloading integration cordova - done!\r\n\u2714 Copying integrations files to project - done!\r\n[OK] Added cordova integration!\r\n\r\nInstalling dependencies may take several minutes.\r\n\r\n  \u2728   IONIC  DEVAPP  \u2728\r\n\r\n Speed up development with the Ionic DevApp, our fast, on-device testing mobile app\r\n\r\n  -  \ud83d\udd11   Test on iOS and Android without Native SDKs\r\n  -  \ud83d\ude80   LiveReload for instant style and JS updates\r\n\r\n \ufe0f-->    Install DevApp: https:\/\/bit.ly\/ionic-dev-app    <--\r\n\r\n> npm i\r\n\u2714 Running command - done!\r\n> git init\r\n\r\n  \ud83d\udd25   IONIC  PRO  \ud83d\udd25\r\n\r\n Supercharge your Ionic development with the Ionic Pro SDK\r\n\r\n  -  \u26a0\ufe0f   Track runtime errors in real-time, back to your original TypeScript\r\n  -  \ud83d\udcf2   Push remote updates and skip the app store queue\r\n\r\nLearn more about Ionic Pro: https:\/\/ionicframework.com\/products\r\n\r\n? Install the free Ionic Pro SDK and connect your app? Yes\r\n\r\n-----------------------------------\r\n\r\n> npm i --save -E @ionic\/pro\r\n\u2714 Running command - done!\r\n> ionic link\r\nLog into your Ionic account\r\nIf you don't have one yet, create yours by running: ionic signup\r\n\r\n? Email: advcha@yahoo.com\r\n\r\n? Password: [hidden]\r\n[ERROR] Incorrect email or password.<\/pre>\n
Run the project<\/p>\n
teddy@teddy:~\/Documents\/node$ cd helloworld\/\r\nteddy@teddy:~\/Documents\/node\/helloworld$ ionic serve\r\nStarting app-scripts server: --address 0.0.0.0 --port 8100 --livereload-port \r\n35729 --dev-logger-port 53703 --nobrowser - Ctrl+C to cancel\r\n[09:51:13]  watch started ... \r\n[09:51:13]  build dev started ... \r\n[09:51:13]  clean started ... \r\n[09:51:13]  clean finished in less than 1 ms \r\n[09:51:13]  copy started ... \r\n[09:51:13]  deeplinks started ... \r\n[09:51:13]  deeplinks finished in 9 ms \r\n[09:51:13]  transpile started ... \r\n[09:51:14]  transpile finished in 1.75 s \r\n[09:51:14]  preprocess started ... \r\n[09:51:14]  preprocess finished in 1 ms \r\n[09:51:14]  webpack started ... \r\n[09:51:14]  copy finished in 1.91 s \r\n[09:51:18]  webpack finished in 4.06 s \r\n[09:51:18]  sass started ... \r\nWithout `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.\r\n[09:51:19]  sass finished in 654 ms \r\n[09:51:19]  postprocess started ... \r\n[09:51:19]  postprocess finished in 3 ms \r\n[09:51:19]  lint started ... \r\n[09:51:19]  build dev finished in 6.52 s \r\n[09:51:19]  watch ready in 6.55 s \r\n[09:51:19]  dev server running: http:\/\/localhost:8100\/ \r\n\r\n[OK] Development server running!\r\n     Local: http:\/\/localhost:8100\r\n     External: http:\/\/192.168.1.5:8100\r\n     DevApp: helloworld@8100 on teddy\r\n\r\n[09:51:20]  lint finished in 1.44 s \r\n^C<\/pre>\n
New Project
\nref: https:\/\/ionicframework.com\/docs\/intro\/tutorial\/<\/p>\n
teddy@teddy:~\/Documents\/node$ ionic start MyIonicProject tutorial\r\n\u2714 Creating directory .\/MyIonicProject - done!\r\n\u2714 Downloading and extracting tutorial starter - done!\r\n\r\n? Would you like to integrate your new app with Cordova to target native iOS and\r\n Android? Yes\r\n\u2714 Personalizing ionic.config.json and package.json - done!\r\n> ionic integrations enable cordova --quiet\r\n\u2714 Downloading integration cordova - done!\r\n\u2714 Copying integrations files to project - done!\r\n[OK] Added cordova integration!\r\n\r\nInstalling dependencies may take several minutes.\r\n\r\n  \u2728   IONIC  DEVAPP  \u2728\r\n\r\n Speed up development with the Ionic DevApp, our fast, on-device testing mobile app\r\n\r\n  -  \ud83d\udd11   Test on iOS and Android without Native SDKs\r\n  -  \ud83d\ude80   LiveReload for instant style and JS updates\r\n\r\n \ufe0f-->    Install DevApp: https:\/\/bit.ly\/ionic-dev-app    <--\r\n\r\n> npm i\r\n\u2714 Running command - done!\r\n> git init\r\n\r\n  \ud83d\udd25   IONIC  PRO  \ud83d\udd25\r\n\r\n Supercharge your Ionic development with the Ionic Pro SDK\r\n\r\n  -  \u26a0\ufe0f   Track runtime errors in real-time, back to your original TypeScript\r\n  -  \ud83d\udcf2   Push remote updates and skip the app store queue\r\n\r\nLearn more about Ionic Pro: https:\/\/ionicframework.com\/products\r\n\r\n? Install the free Ionic Pro SDK and connect your app? Yes\r\n\r\n-----------------------------------\r\n\r\n> npm i --save -E @ionic\/pro\r\n\u2714 Running command - done!\r\n> ionic link\r\nLog into your Ionic account\r\nIf you don't have one yet, create yours by running: ionic signup\r\n\r\n? Email: advcha@yahoo.com\r\n\r\n? Password: [hidden]\r\n[ERROR] Incorrect email or password.<\/pre>\n
Go to the project and run<\/p>\n
teddy@teddy:~\/Documents\/node$ cd MyIonicProject\/\r\nteddy@teddy:~\/Documents\/node\/MyIonicProject$ ionic serve\r\nStarting app-scripts server: --address 0.0.0.0 --port 8100 --livereload-port \r\n35729 --dev-logger-port 53703 --nobrowser - Ctrl+C to cancel\r\n[09:55:49]  watch started ... \r\n[09:55:49]  build dev started ... \r\n[09:55:49]  clean started ... \r\n[09:55:49]  clean finished in 1 ms \r\n[09:55:49]  copy started ... \r\n[09:55:49]  deeplinks started ... \r\n[09:55:49]  deeplinks finished in 13 ms \r\n[09:55:49]  transpile started ... \r\n[09:55:51]  transpile finished in 1.76 s \r\n[09:55:51]  preprocess started ... \r\n[09:55:51]  preprocess finished in 1 ms \r\n[09:55:51]  webpack started ... \r\n[09:55:51]  copy finished in 1.93 s \r\n[09:55:55]  webpack finished in 4.07 s \r\n[09:55:55]  sass started ... \r\nWithout `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.\r\n[09:55:56]  sass finished in 674 ms \r\n[09:55:56]  postprocess started ... \r\n[09:55:56]  postprocess finished in 3 ms \r\n[09:55:56]  lint started ... \r\n[09:55:56]  build dev finished in 6.57 s \r\n[09:55:56]  watch ready in 6.59 s \r\n[09:55:56]  dev server running: http:\/\/localhost:8100\/ \r\n\r\n[OK] Development server running!\r\n     Local: http:\/\/localhost:8100\r\n     External: http:\/\/192.168.1.5:8100\r\n     DevApp: MyIonicProject@8100 on teddy\r\n\r\n[09:55:57]  lint finished in 1.49 s<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Ref: https:\/\/ionicframework.com\/docs\/intro\/installation\/ Make sure node already installed teddy@teddy:~$ npm -v 5.6.0 Installation teddy@teddy:~$ npm install -g ionic cordova \/home\/teddy\/.nvm\/versions\/node\/v8.9.4\/bin\/cordova -> \/home\/teddy\/.nvm\/versions\/node\/v8.9.4\/lib\/node_modules\/cordova\/bin\/cordova \/home\/teddy\/.nvm\/versions\/node\/v8.9.4\/bin\/ionic -> \/home\/teddy\/.nvm\/versions\/node\/v8.9.4\/lib\/node_modules\/ionic\/bin\/ionic npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules\/ionic\/node_modules\/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {“os”:”darwin”,”arch”:”any”} (current: {“os”:”linux”,”arch”:”x64″}) + cordova@8.0.0 + ionic@3.19.1 added 661 packages in 27.424s … Continue reading “Ionic Framework on Ubuntu 16.04”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[73],"tags":[],"class_list":["post-2799","post","type-post","status-publish","format-standard","hentry","category-ionic"],"_links":{"self":[{"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/posts\/2799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/comments?post=2799"}],"version-history":[{"count":6,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/posts\/2799\/revisions"}],"predecessor-version":[{"id":2801,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/posts\/2799\/revisions\/2801"}],"wp:attachment":[{"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/media?parent=2799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/categories?post=2799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/myprojects.advchaweb.com\/index.php\/wp-json\/wp\/v2\/tags?post=2799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}