Ionic Framework ตอนที่ 1 วิธีการติดตั้ง Ionic Framework

29/08/2016 17:15 | View : 1,865

เมื่อบทเรียนที่แล้ว เราได้ทำการเขียน วิธีการ ติดตั้ง Node JS ไปแล้ว คราวนี้ เราจะมาทำการแนะนำ วิธีการติดตั้ง Ionic Framework กันครับ

  • ให้ทำการเปิด command line ขึ้นมา จากนั้นให้พิมพ์คำสั่ง
    npm install -g cordova ionic

    รอจนกว่าจะติดตั้งเสร็จ
    npm-install-ionic-01


    install-success

    จากนั้นให้ไปยัง patch ที่ต้องการสร้าง Project ในที่นี้ ผมจะทำการติดตั้ง project ไว้ที่ c:\>Ionic ชื่อ project ว่า firstApp ทำการ run คำสั่ง
    ionic start firstApp blank

    start-project-1

    ระบบจะทำการ Download และทำการสร้าง Project ให้เรา รอจนกว่า ระบบจะแสดง path ปัจจุบันที่ทำการสร้าง Project
    start-project-2

    ให้ทำการเข้าไปยัง Folder Project ที่เราทำการสร้างเขึ้นโดยใช้คำสั่ง
    cd firstApp

    เมื่อเข้าไปแล้วเราจะทำการทดสอบเปิด App ที่เราสร้างขึ้นในตอนแรก โดยให้รันคำสั่ง
    ionic serve

    ระบบจะทำการรัน App ผ่านทาง Google Chrome เพื่อให้ทำการทดสอบและพัฒนา App ต่อไป
  • ในขั้นตอนการสร้าง Project นั้น Ionic ได้มีให้เลือก Template อยู่ 3 แบบ ดังนี้ 
    app-01
    $ ionic start myApp blank
    app-02
    $ ionic start myApp tabs
    app-03
    $ ionic start myApp sidemenu
    อันนี้ก็แล้วแต่นะครับ ว่าใครจะเลือกใช้แบบไหน

Hosting