Selamat Datang

Cara Menginstall & Menggunakan Ionic Framework di Windows

Cara menggunakan Ionic Framework di Windows | Sebelum mulai menggunakan Ionic saya jelaskan untuk apa Ionic framework itu. Ionic digunakan untuk membangun aplikasi mobile dengan menggunakan bahasa website, seperti HTML5, CSS, Javascript dan lainnya.

  1. Pastikan anda untuk menginstall Git For Windows dan opisional console : http://www.git-scm.com/download/win
  2. Install NodeJs http://www.nodejs.org/dist/v0.12.0/node-v0.12.0-x86.msi setelah install selesai
  3. Buka Command Prompt

yusuphamdani-ionic1

  1. NODE JS
    Cek apakah NodeJs sudah ter-install atau belum

yusuphamdani-ionic2

Jika keluar error seperti :

C:\Users\LENOVO>node -v
‘node’ is not recognized as an internal or external command,
operable program or batch file
.

Berarti Anda belum setting pathnya, cara setting path :

Select Start -> Computer -> System Properties -> Advanced system settings -> Environment Variables -> System variables -> PATH.

yusuphamdani-ionic3

  1. NPM

NPM (Node Package Manager). Ini sudah terinstall bersamaan dengan install nodejs. Tools ini akan sangat membantu saat menambahkan module nodejs akan terinstall secara default di C:\Program Files\nodejs\node_modules\npm\bin

yusuphamdani-ionic4

Cek apakah NPM sudah ter-install atau belum

yusuphamdani-ionic5

CATATAN: Setiap kali Anda membuat perubahan pada PATH, atau variabel environtment lainnya, Anda harus me-restart atau membuka tab baru dalam program shell untuk perubahan PATH berlaku.

Install Cordova

yusuphamdani-ionic6

Ketikan npm install –g cordova kemudian enter, Tunngu sampai proses install cordova selesai dan ini membutuhkan koneksi internet. Jika seudah selesai buka cmd dan cek cordova

yusuphamdani-ionic7

Install Ionic

yusuphamdani-ionic8

Tunggu sampai proses ionic selesai, kemudian cek ketikan ionic kemudian enter

yusuphamdani-ionic9

Membangun aplikasi ionic dengan command promf

yusuphamdani-ionic10

  • Pertama kita ketkan cd Desktop, ini berarti kita membuka folder desktop windows
  • Kedua kita membuat aplikasi ionic yang otomatis akan didownload dan disimpan di desktop dengan nama folder myapp
  • Myapp adalah nama aplikasi yang akan dibuat
  • Blank adalah template dari ioni, ada tiga pilihan template yang bisa dipilih blank, tabs, dan sidemenu
  • Tunggu sampai proses download selesai, disini saya perlihatkan apa bila selesai maka folder myapp akan ada di desktop

yusuphamdani-ionic11

Running aplikasi ionic di browser

yusuphamdani-ionic12

yusuphamdani-ionic13

Selamat Anda telah selesai membangun aplikasi ionic. Untuk run aplikasi di android langsung akan saya jelaskan di tutorial berikutnya ^_^





Penulis :

Nama lengkap saya Muhamad Yusup Hamdani kelahiran dibogor, saya CEO & Founder Elephant, membangun aplikasi android dan website. email daniguavara562@gmail.com View all posts by Muhamad Yusup Hamdani

Comments

16 thoughts on “Cara Menginstall & Menggunakan Ionic Framework di Windows

  1. Ali Ebrahimi says:

    Hear we have an awesome article
    I like its information
    So great
    TnQ

  2. very good article
    thanks for share it

  3. amat testing says:

    great articel !!!, so helping me !!!

  4. Buddy says:

    Aku Punya Masalah saat buat platform android ini dialog yang keluar

    C:\Users\Buddy\ionic_latihan\MyFashion>ionic platform add android
    Adding android project…

    Creating Cordova project for the Android platform:

    Path: platforms\android
    Package: com.ionicframework.myfashion849154

    Name: MyFashion
    Activity: MainActivity

    Android target: android-24

    Subproject Path: CordovaLib
    Android project created with cordova-android@6.0.0

    Installing “cordova-plugin-console” for android

    ANDROID_HOME=C:\Users\Buddy\AppData\Local\Android\sdk
    JAVA_HOME=C:\Program Files\Java\jdk1.8.0_111

    Subproject Path: CordovaLib

    Downloading http://services.gradle.org/distributions/gradle-2.14.1-all.zip

    Exception in thread “main” java.lang.RuntimeException: java.net.ConnectException
    : Connection timed out: connect
    at org.gradle.wrapper.ExclusiveFileAccessManager.access(ExclusiveFileAcc
    essManager.java:78)
    at org.gradle.wrapper.Install.createDist(Install.java:47)
    at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:129)
    at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:48)
    Caused by: java.net.ConnectException: Connection timed out: connect
    at java.net.DualStackPlainSocketImpl.connect0(Native Method)
    at java.net.DualStackPlainSocketImpl.socketConnect(DualStackPlainSocketI
    mpl.java:79)
    at java.net.AbstractPlainSocketImpl.doConnect(AbstractPlainSocketImpl.ja
    va:350)
    at java.net.AbstractPlainSocketImpl.connectToAddress(AbstractPlainSocket
    Impl.java:206)
    at java.net.AbstractPlainSocketImpl.connect(AbstractPlainSocketImpl.java
    :188)
    at java.net.PlainSocketImpl.connect(PlainSocketImpl.java:172)
    at java.net.SocksSocketImpl.connect(SocksSocketImpl.java:392)
    at java.net.Socket.connect(Socket.java:589)
    at java.net.Socket.connect(Socket.java:538)
    at sun.net.NetworkClient.doConnect(NetworkClient.java:180)
    at sun.net.www.http.HttpClient.openServer(HttpClient.java:432)
    at sun.net.www.http.HttpClient.openServer(HttpClient.java:527)
    at sun.net.www.http.HttpClient.(HttpClient.java:211)
    at sun.net.www.http.HttpClient.New(HttpClient.java:308)
    at sun.net.www.http.HttpClient.New(HttpClient.java:326)
    at sun.net.www.protocol.http.HttpURLConnection.getNewHttpClient(HttpURLC
    onnection.java:1202)
    at sun.net.www.protocol.http.HttpURLConnection.plainConnect0(HttpURLConn
    ection.java:1138)
    at sun.net.www.protocol.http.HttpURLConnection.plainConnect(HttpURLConne
    ction.java:1032)
    at sun.net.www.protocol.http.HttpURLConnection.connect(HttpURLConnection
    .java:966)
    at sun.net.www.protocol.http.HttpURLConnection.getInputStream0(HttpURLCo
    nnection.java:1546)
    at sun.net.www.protocol.http.HttpURLConnection.getInputStream(HttpURLCon
    nection.java:1474)
    at org.gradle.wrapper.Download.downloadInternal(Download.java:59)
    at org.gradle.wrapper.Download.download(Download.java:45)
    at org.gradle.wrapper.Install$1.call(Install.java:60)
    at org.gradle.wrapper.Install$1.call(Install.java:47)
    at org.gradle.wrapper.ExclusiveFileAccessManager.access(ExclusiveFileAcc
    essManager.java:65)
    … 3 more

    Failed to install ‘cordova-plugin-console’:Error: cmd: Command failed with exit
    code 1
    at ChildProcess.whenDone (C:\Users\Buddy\ionic_latihan\MyFashion\platforms\a
    ndroid\cordova\node_modules\cordova-common\src\superspawn.js:169:23)
    at emitTwo (events.js:106:13)
    at ChildProcess.emit (events.js:191:7)
    at maybeClose (internal/child_process.js:885:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)

    Error: cmd: Command failed with exit code 1

  5. bobbibluent says:

    Ane udah nyoba awalnya gagal tapi ane ulangi lagi berhasil. Thanks

  6. Terima kasih tutorialnya, sangat membantu :)

  7. avent says:

    saya masih newbie gan, mau tanya ‘fungsi dari Ionic itu sendiri apa ya?’

  8. ind says:

    tolong dong om pencerahannya.waktu nginstal ionic sama cordova error seperti ini
    ————————————————————————————————————————————–
    les\latest-version\node_modules\package-json\node_modules\got\node_modules\duple
    xify\node_modules\readable-stream\node_modules\core-util-is
    – isarray@1.0.0 node_modules\cordova\node_modules\update-notifier\node_modules\l
    atest-version\node_modules\package-json\node_modules\got\node_modules\duplexify\
    node_modules\readable-stream\node_modules\isarray
    – process-nextick-args@1.0.7 node_modules\cordova\node_modules\update-notifier\n
    ode_modules\latest-version\node_modules\package-json\node_modules\got\node_modul
    es\duplexify\node_modules\readable-stream\node_modules\process-nextick-args
    – string_decoder@1.0.0 node_modules\cordova\node_modules\update-notifier\node_mo
    dules\latest-version\node_modules\package-json\node_modules\got\node_modules\dup
    lexify\node_modules\readable-stream\node_modules\string_decoder
    – util-deprecate@1.0.2 node_modules\cordova\node_modules\update-notifier\node_mo
    dules\latest-version\node_modules\package-json\node_modules\got\node_modules\dup
    lexify\node_modules\readable-stream\node_modules\util-deprecate
    – readable-stream@2.2.9 node_modules\cordova\node_modules\update-notifier\node_m
    odules\latest-version\node_modules\package-json\node_modules\got\node_modules\du
    plexify\node_modules\readable-stream
    – inherits@2.0.3 node_modules\cordova\node_modules\update-notifier\node_modules\
    latest-version\node_modules\package-json\node_modules\got\node_modules\nested-er
    ror-stacks\node_modules\inherits
    – pinkie@2.0.4 node_modules\cordova\node_modules\update-notifier\node_modules\la
    test-version\node_modules\package-json\node_modules\got\node_modules\read-all-st
    ream\node_modules\pinkie-promise\node_modules\pinkie
    – pinkie-promise@2.0.1 node_modules\cordova\node_modules\update-notifier\node_mo
    dules\latest-version\node_modules\package-json\node_modules\got\node_modules\rea
    d-all-stream\node_modules\pinkie-promise
    – buffer-shims@1.0.0 node_modules\cordova\node_modules\update-notifier\node_modu
    les\latest-version\node_modules\package-json\node_modules\got\node_modules\read-
    all-stream\node_modules\readable-stream\node_modules\buffer-shims
    – core-util-is@1.0.2 node_modules\cordova\node_modules\update-notifier\node_modu
    les\latest-version\node_modules\package-json\node_modules\got\node_modules\read-
    all-stream\node_modules\readable-stream\node_modules\core-util-is
    – inherits@2.0.3 node_modules\cordova\node_modules\update-notifier\node_modules\
    latest-version\node_modules\package-json\node_modules\got\node_modules\read-all-
    stream\node_modules\readable-stream\node_modules\inherits
    – isarray@1.0.0 node_modules\cordova\node_modules\update-notifier\node_modules\l
    atest-version\node_modules\package-json\node_modules\got\node_modules\read-all-s
    tream\node_modules\readable-stream\node_modules\isarray
    – process-nextick-args@1.0.7 node_modules\cordova\node_modules\update-notifier\n
    ode_modules\latest-version\node_modules\package-json\node_modules\got\node_modul
    es\read-all-stream\node_modules\readable-stream\node_modules\process-nextick-arg
    s
    – string_decoder@1.0.0 node_modules\cordova\node_modules\update-notifier\node_mo
    dules\latest-version\node_modules\package-json\node_modules\got\node_modules\rea
    d-all-stream\node_modules\readable-stream\node_modules\string_decoder
    – util-deprecate@1.0.2 node_modules\cordova\node_modules\update-notifier\node_mo
    dules\latest-version\node_modules\package-json\node_modules\got\node_modules\rea
    d-all-stream\node_modules\readable-stream\node_modules\util-deprecate
    – readable-stream@2.2.9 node_modules\cordova\node_modules\update-notifier\node_m
    odules\latest-version\node_modules\package-json\node_modules\got\node_modules\re
    ad-all-stream\node_modules\readable-stream
    – ini@1.3.4 node_modules\cordova\node_modules\update-notifier\node_modules\lates
    t-version\node_modules\package-json\node_modules\registry-url\node_modules\rc\no
    de_modules\ini
    – minimist@1.2.0 node_modules\cordova\node_modules\update-notifier\node_modules\
    latest-version\node_modules\package-json\node_modules\registry-url\node_modules\
    rc\node_modules\minimist
    – semver@5.3.0 node_modules\cordova\node_modules\update-notifier\node_modules\se
    mver-diff\node_modules\semver
    – ansi-regex@2.1.1 node_modules\cordova\node_modules\update-notifier\node_module
    s\string-length\node_modules\strip-ansi\node_modules\ansi-regex
    – strip-ansi@3.0.1 node_modules\cordova\node_modules\update-notifier\node_module
    s\string-length\node_modules\strip-ansi
    punycode@1.3.2 node_modules\cordova\node_modules\cordova-lib\node_modules\cordov
    a-js\node_modules\browserify\node_modules\url\node_modules\punycode -> node_modu
    les\cordova\node_modules\url\node_modules\punycode
    url@0.11.0 node_modules\cordova\node_modules\cordova-lib\node_modules\cordova-js
    \node_modules\browserify\node_modules\url -> node_modules\cordova\node_modules\u
    rl
    util-deprecate@1.0.2 node_modules\cordova\node_modules\cordova-common\node_modul
    es\plist\node_modules\util-deprecate -> node_modules\cordova\node_modules\util-d
    eprecate
    readable-stream@2.0.6 node_modules\cordova\node_modules\cordova-lib\node_modules
    \cordova-js\node_modules\browserify\node_modules\concat-stream\node_modules\read
    able-stream -> node_modules\cordova\node_modules\concat-stream\node_modules\read
    able-stream
    concat-stream@1.5.2 node_modules\cordova\node_modules\cordova-lib\node_modules\c
    ordova-js\node_modules\browserify\node_modules\concat-stream -> node_modules\cor
    dova\node_modules\concat-stream
    readable-stream@2.2.9 node_modules\cordova\node_modules\cordova-lib\node_modules
    \cordova-js\node_modules\browserify\node_modules\readable-stream -> node_modules
    \cordova\node_modules\readable-stream
    duplexer2@0.1.4 node_modules\cordova\node_modules\cordova-lib\node_modules\cordo
    va-js\node_modules\browserify\node_modules\duplexer2 -> node_modules\cordova\nod
    e_modules\duplexer2
    read-all-stream@3.1.0 node_modules\cordova\node_modules\update-notifier\node_mod
    ules\latest-version\node_modules\package-json\node_modules\got\node_modules\read
    -all-stream -> node_modules\cordova\node_modules\read-all-stream
    read-only-stream@2.0.0 node_modules\cordova\node_modules\cordova-lib\node_module
    s\cordova-js\node_modules\browserify\node_modules\read-only-stream -> node_modul
    es\cordova\node_modules\read-only-stream
    stream-browserify@2.0.1 node_modules\cordova\node_modules\cordova-lib\node_modul
    es\cordova-js\node_modules\browserify\node_modules\stream-browserify -> node_mod
    ules\cordova\node_modules\stream-browserify
    stream-combiner2@1.1.1 node_modules\cordova\node_modules\cordova-lib\node_module
    s\cordova-js\node_modules\browserify\node_modules\module-deps\node_modules\strea
    m-combiner2 -> node_modules\cordova\node_modules\stream-combiner2
    stream-splicer@2.0.0 node_modules\cordova\node_modules\cordova-lib\node_modules\
    cordova-js\node_modules\browserify\node_modules\labeled-stream-splicer\node_modu
    les\stream-splicer -> node_modules\cordova\node_modules\stream-splicer
    labeled-stream-splicer@2.0.0 node_modules\cordova\node_modules\cordova-lib\node_
    modules\cordova-js\node_modules\browserify\node_modules\labeled-stream-splicer –
    > node_modules\cordova\node_modules\labeled-stream-splicer
    inherits@2.0.1 node_modules\cordova\node_modules\cordova-lib\node_modules\cordov
    a-js\node_modules\browserify\node_modules\util\node_modules\inherits -> node_mod
    ules\cordova\node_modules\util\node_modules\inherits
    util@0.10.3 node_modules\cordova\node_modules\cordova-lib\node_modules\cordova-j
    s\node_modules\browserify\node_modules\util -> node_modules\cordova\node_modules
    \util
    assert@1.4.1 node_modules\cordova\node_modules\cordova-lib\node_modules\cordova-
    js\node_modules\browserify\node_modules\assert -> node_modules\cordova\node_modu
    les\assert
    utils-merge@1.0.0 node_modules\cordova\node_modules\cordova-lib\node_modules\cor
    dova-serve\node_modules\express\node_modules\utils-merge -> node_modules\cordova
    \node_modules\utils-merge
    uuid@2.0.3 node_modules\cordova\node_modules\insight\node_modules\configstore\no
    de_modules\uuid -> node_modules\cordova\node_modules\uuid
    valid-identifier@0.0.1 node_modules\cordova\node_modules\cordova-lib\node_module
    s\valid-identifier -> node_modules\cordova\node_modules\valid-identifier
    validate-npm-package-license@3.0.1 node_modules\cordova\node_modules\cordova-lib
    \node_modules\init-package-json\node_modules\validate-npm-package-license -> nod
    e_modules\cordova\node_modules\validate-npm-package-license
    normalize-package-data@2.3.8 node_modules\cordova\node_modules\cordova-lib\node_
    modules\init-package-json\node_modules\read-package-json\node_modules\normalize-
    package-data -> node_modules\cordova\node_modules\normalize-package-data
    validate-npm-package-name@3.0.0 node_modules\cordova\node_modules\cordova-lib\no
    de_modules\init-package-json\node_modules\validate-npm-package-name -> node_modu
    les\cordova\node_modules\validate-npm-package-name
    npm-package-arg@5.0.1 node_modules\cordova\node_modules\cordova-lib\node_modules
    \init-package-json\node_modules\npm-package-arg -> node_modules\cordova\node_mod
    ules\npm-package-arg
    vary@1.1.1 node_modules\cordova\node_modules\cordova-lib\node_modules\cordova-se
    rve\node_modules\compression\node_modules\vary -> node_modules\cordova\node_modu
    les\vary
    compression@1.6.2 node_modules\cordova\node_modules\cordova-lib\node_modules\cor
    dova-serve\node_modules\compression -> node_modules\cordova\node_modules\compres
    sion
    express@4.15.2 node_modules\cordova\node_modules\cordova-lib\node_modules\cordov
    a-serve\node_modules\express -> node_modules\cordova\node_modules\express
    cordova-serve@1.0.1 node_modules\cordova\node_modules\cordova-lib\node_modules\c
    ordova-serve -> node_modules\cordova\node_modules\cordova-serve
    verror@1.3.6 node_modules\cordova\node_modules\insight\node_modules\request\node
    _modules\http-signature\node_modules\jsprim\node_modules\verror -> node_modules\
    cordova\node_modules\verror
    jsprim@1.4.0 node_modules\cordova\node_modules\insight\node_modules\request\node
    _modules\http-signature\node_modules\jsprim -> node_modules\cordova\node_modules
    \jsprim
    http-signature@1.1.1 node_modules\cordova\node_modules\insight\node_modules\requ
    est\node_modules\http-signature -> node_modules\cordova\node_modules\insight\nod
    e_modules\http-signature
    vm-browserify@0.0.4 node_modules\cordova\node_modules\cordova-lib\node_modules\c
    ordova-js\node_modules\browserify\node_modules\vm-browserify -> node_modules\cor
    dova\node_modules\vm-browserify
    win-release@1.1.1 node_modules\cordova\node_modules\insight\node_modules\os-name
    \node_modules\win-release -> node_modules\cordova\node_modules\win-release
    os-name@1.0.3 node_modules\cordova\node_modules\insight\node_modules\os-name ->
    node_modules\cordova\node_modules\os-name
    wrappy@1.0.2 node_modules\cordova\node_modules\cordova-lib\node_modules\npm\node
    _modules\wrappy -> node_modules\cordova\node_modules\wrappy
    once@1.3.3 node_modules\cordova\node_modules\update-notifier\node_modules\latest
    -version\node_modules\package-json\node_modules\got\node_modules\duplexify\node_
    modules\end-of-stream\node_modules\once -> node_modules\cordova\node_modules\end
    -of-stream\node_modules\once
    end-of-stream@1.0.0 node_modules\cordova\node_modules\update-notifier\node_modul
    es\latest-version\node_modules\package-json\node_modules\got\node_modules\duplex
    ify\node_modules\end-of-stream -> node_modules\cordova\node_modules\end-of-strea
    m
    duplexify@3.5.0 node_modules\cordova\node_modules\update-notifier\node_modules\l
    atest-version\node_modules\package-json\node_modules\got\node_modules\duplexify
    -> node_modules\cordova\node_modules\duplexify
    got@3.3.1 node_modules\cordova\node_modules\update-notifier\node_modules\latest-
    version\node_modules\package-json\node_modules\got -> node_modules\cordova\node_
    modules\got
    package-json@1.2.0 node_modules\cordova\node_modules\update-notifier\node_module
    s\latest-version\node_modules\package-json -> node_modules\cordova\node_modules\
    package-json
    latest-version@1.0.1 node_modules\cordova\node_modules\update-notifier\node_modu
    les\latest-version -> node_modules\cordova\node_modules\latest-version
    once@1.4.0 node_modules\cordova\node_modules\cordova-common\node_modules\glob\no
    de_modules\once -> node_modules\cordova\node_modules\once
    inflight@1.0.6 node_modules\cordova\node_modules\cordova-common\node_modules\glo
    b\node_modules\inflight -> node_modules\cordova\node_modules\inflight
    glob@7.1.1 node_modules\cordova\node_modules\cordova-lib\node_modules\cordova-js
    \node_modules\browserify\node_modules\glob -> node_modules\cordova\node_modules\
    browserify\node_modules\glob
    glob@7.1.1 node_modules\cordova\node_modules\cordova-lib\node_modules\init-packa
    ge-json\node_modules\glob -> node_modules\cordova\node_modules\cordova-fetch\nod
    e_modules\glob
    shelljs@0.7.7 node_modules\cordova\node_modules\cordova-lib\node_modules\cordova
    -fetch\node_modules\shelljs -> node_modules\cordova\node_modules\cordova-fetch\n
    ode_modules\shelljs
    cordova-fetch@1.0.2 node_modules\cordova\node_modules\cordova-lib\node_modules\c
    ordova-fetch -> node_modules\cordova\node_modules\cordova-fetch
    cordova-create@1.0.2 node_modules\cordova\node_modules\cordova-lib\node_modules\
    cordova-create -> node_modules\cordova\node_modules\cordova-create
    glob@5.0.15 node_modules\cordova\node_modules\cordova-common\node_modules\glob –
    > node_modules\cordova\node_modules\glob
    glob@7.1.1 node_modules\cordova\node_modules\cordova-lib\node_modules\cordova-fe
    tch\node_modules\shelljs\node_modules\glob -> node_modules\cordova\node_modules\
    init-package-json\node_modules\glob
    glob@7.1.1 node_modules\cordova\node_modules\cordova-lib\node_modules\tar\node_m
    odules\fstream\node_modules\rimraf\node_modules\glob -> node_modules\cordova\nod
    e_modules\read-package-json\node_modules\glob
    read-package-json@2.0.5 node_modules\cordova\node_modules\cordova-lib\node_modul
    es\init-package-json\node_modules\read-package-json -> node_modules\cordova\node
    _modules\read-package-json
    init-package-json@1.10.1 node_modules\cordova\node_modules\cordova-lib\node_modu
    les\init-package-json -> node_modules\cordova\node_modules\init-package-json
    rimraf@2.6.1 node_modules\cordova\node_modules\cordova-lib\node_modules\tar\node
    _modules\fstream\node_modules\rimraf -> node_modules\cordova\node_modules\rimraf

    fstream@1.0.11 node_modules\cordova\node_modules\cordova-lib\node_modules\tar\no
    de_modules\fstream -> node_modules\cordova\node_modules\fstream
    tar@1.0.2 node_modules\cordova\node_modules\cordova-lib\node_modules\tar -> node
    _modules\cordova\node_modules\tar
    run-async@0.1.0 node_modules\cordova\node_modules\insight\node_modules\inquirer\
    node_modules\run-async -> node_modules\cordova\node_modules\run-async
    inquirer@0.10.1 node_modules\cordova\node_modules\insight\node_modules\inquirer
    -> node_modules\cordova\node_modules\inquirer
    write-file-atomic@1.3.3 node_modules\cordova\node_modules\insight\node_modules\c
    onfigstore\node_modules\write-file-atomic -> node_modules\cordova\node_modules\w
    rite-file-atomic
    uuid@3.0.1 node_modules\cordova\node_modules\cordova-lib\node_modules\xcode\node
    _modules\uuid -> node_modules\cordova\node_modules\xcode\node_modules\uuid
    xdg-basedir@2.0.0 node_modules\cordova\node_modules\insight\node_modules\configs
    tore\node_modules\xdg-basedir -> node_modules\cordova\node_modules\xdg-basedir
    configstore@1.4.0 node_modules\cordova\node_modules\insight\node_modules\configs
    tore -> node_modules\cordova\node_modules\configstore
    xmlbuilder@4.0.0 node_modules\cordova\node_modules\cordova-common\node_modules\p
    list\node_modules\xmlbuilder -> node_modules\cordova\node_modules\xmlbuilder
    xmldom@0.1.27 node_modules\cordova\node_modules\cordova-common\node_modules\plis
    t\node_modules\xmldom -> node_modules\cordova\node_modules\xmldom
    plist@1.2.0 node_modules\cordova\node_modules\cordova-common\node_modules\plist
    -> node_modules\cordova\node_modules\plist
    plist@2.0.1 node_modules\cordova\node_modules\cordova-lib\node_modules\xcode\nod
    e_modules\simple-plist\node_modules\plist -> node_modules\cordova\node_modules\s
    imple-plist\node_modules\plist
    simple-plist@0.2.1 node_modules\cordova\node_modules\cordova-lib\node_modules\xc
    ode\node_modules\simple-plist -> node_modules\cordova\node_modules\simple-plist
    xcode@0.9.3 node_modules\cordova\node_modules\cordova-lib\node_modules\xcode ->
    node_modules\cordova\node_modules\xcode
    xtend@4.0.1 node_modules\cordova\node_modules\cordova-lib\node_modules\cordova-j
    s\node_modules\browserify\node_modules\xtend -> node_modules\cordova\node_module
    s\xtend
    stream-http@2.7.0 node_modules\cordova\node_modules\cordova-lib\node_modules\cor
    dova-js\node_modules\browserify\node_modules\stream-http -> node_modules\cordova
    \node_modules\stream-http
    through2@2.0.3 node_modules\cordova\node_modules\cordova-lib\node_modules\cordov
    a-js\node_modules\browserify\node_modules\through2 -> node_modules\cordova\node_
    modules\through2
    browser-pack@6.0.2 node_modules\cordova\node_modules\cordova-lib\node_modules\co
    rdova-js\node_modules\browserify\node_modules\browser-pack -> node_modules\cordo
    va\node_modules\browser-pack
    deps-sort@2.0.0 node_modules\cordova\node_modules\cordova-lib\node_modules\cordo
    va-js\node_modules\browserify\node_modules\deps-sort -> node_modules\cordova\nod
    e_modules\deps-sort
    insert-module-globals@7.0.1 node_modules\cordova\node_modules\cordova-lib\node_m
    odules\cordova-js\node_modules\browserify\node_modules\insert-module-globals ->
    node_modules\cordova\node_modules\insert-module-globals
    module-deps@4.1.1 node_modules\cordova\node_modules\cordova-lib\node_modules\cor
    dova-js\node_modules\browserify\node_modules\module-deps -> node_modules\cordova
    \node_modules\module-deps
    browserify@13.3.0 node_modules\cordova\node_modules\cordova-lib\node_modules\cor
    dova-js\node_modules\browserify -> node_modules\cordova\node_modules\browserify
    cordova-js@4.2.1 node_modules\cordova\node_modules\cordova-lib\node_modules\cord
    ova-js -> node_modules\cordova\node_modules\cordova-js
    C:\Users\DELL\AppData\Roaming\npm
    `– ionic@2.2.3

    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\io
    nic\node_modules\chokidar\node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@
    1.1.1: wanted {“os”:”darwin”,”arch”:”any”} (current: {“os”:”win32″,”arch”:”x64″}
    )
    npm ERR! Windows_NT 6.1.7600
    npm ERR! argv “C:\\Program Files (x86)\\nodejs\\node.exe” “C:\\Program Files (x8
    6)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js” “install” “-g” “ionic” “cordova”

    npm ERR! node v6.10.2
    npm ERR! npm v3.10.10
    npm ERR! path C:\Users\DELL\AppData\Roaming\npm\node_modules\.staging\abbrev-278
    10be2
    npm ERR! code ENOENT
    npm ERR! errno -4058
    npm ERR! syscall rename

    npm ERR! enoent ENOENT: no such file or directory, rename ‘C:\Users\DELL\AppData
    \Roaming\npm\node_modules\.staging\abbrev-27810be2’ -> ‘C:\Users\DELL\AppData\Ro
    aming\npm\node_modules\cordova\node_modules\npm\node_modules\abbrev’
    npm ERR! enoent ENOENT: no such file or directory, rename ‘C:\Users\DELL\AppData
    \Roaming\npm\node_modules\.staging\abbrev-27810be2’ -> ‘C:\Users\DELL\AppData\Ro
    aming\npm\node_modules\cordova\node_modules\npm\node_modules\abbrev’
    npm ERR! enoent This is most likely not a problem with npm itself
    npm ERR! enoent and is related to npm not being able to find a file.
    npm ERR! enoent

    npm ERR! Please include the following file with any support request:
    npm ERR! C:\Users\DELL\npm-debug.log

    C:\Users\DELL>

  9. mantap tutornya gan..

  10. terimakasih tutorialnya.. udah berhasil di pc saya.. :)

  11. bagusadiasa says:

    Berhasil !!! terima kasih tutorialnya om

Leave a Comment

XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


Klik Tombol Like / Suka ya kawan..

Klik tombol "Like" atau "Suka" untuk mendapatkan update tutorial, tips & tricks serta info terbaru seputar dunia web design & development