เขียนแอพด้วย ionic framework : ตอน 2 ติดตั้ง cordova และ ionic framework

<p><strong>เขียนแอพด้วย ionic framework &colon; ตอน 2 ติดตั้ง cordova และ ionic framework<&sol;strong><&sol;p>&NewLine;<p>1&period; ดูคำสั่งการติดตั้ง ionic framework ได้ที่เว็บหลักของเขาได้เลยครับ http&colon;&sol;&sol;ionicframework&period;com<&sol;p>&NewLine;<p> พิมพ์คำสั่ง <&sol;p>&NewLine;<pre class&equals;"theme&colon;dark-terminal lang&colon;default decode&colon;true " >&dollar; sudo npm install -g cordova ionic <&sol;pre>&NewLine;<p> คือติดตั้งพร้อมกันทั้ง ionic และ cordova ถ้ากลัวโหลดนาน เนตไม่ดี ก็แยกติดตั้งทีละอย่างก็ได้ครับ<&sol;p>&NewLine;<pre class&equals;"theme&colon;dark-terminal lang&colon;default decode&colon;true " >&dollar; sudo npm install -g cordova<&sol;pre>&NewLine;<pre class&equals;"theme&colon;dark-terminal lang&colon;default decode&colon;true " >&dollar; sudo npm install -g ionic<&sol;pre>&NewLine;<p> เนื่องจากการติดตั้ง ionic framework และ cordova ต้องการการเข้าถึงในระดับ<br &sol;>&NewLine; superuser เราเลยต้องใช้คำสั่ง sudo นำหน้าด้วยนะครับ su do &equals; super user do<&sol;p>&NewLine;<p> <img src&equals;"http&colon;&sol;&sol;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2015&sol;12&sol;ติดตั้ง-ionic-framework-2&period;png" alt&equals;"ติดตั้ง ionic framework" &sol;><&sol;p>&NewLine;<p> ตามรูปคือ ผมใส่รหัสผิดครั้งแรกครับมันเลยขึ้น sorry&comma; try again ไม่ต้องสนใจ ก็ใส่ใหม่ให้ถูกไปครับ<br &sol;>&NewLine; เสร็จแล้วก็รอ ๆ มันโหลดข้อมูลครับ ใช้เวลาค่อนข้างนานพอสมคร ตามสภาพความเร็วเนตเรา<&sol;p>&NewLine;<p>2&period; พอโหลดเสร็จตัว terminal ก็จะขึ้นหน้าตาประมาณนี้ครับ<br &sol;>&NewLine; เป็นโครงสร้างโดยรวมของ node&period;js&comma;ionic&comma;cordova ที่ทำงานร่วมกัน<&sol;p>&NewLine;<p> <img src&equals;"http&colon;&sol;&sol;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2015&sol;12&sol;ติดตั้ง-ionic-framework-3&period;png" alt&equals;"ติดตั้ง ionic framework" &sol;><&sol;p>&NewLine;<p>ต่อไปเราจะมาทดสอบสร้าง ionic project และขั้นตอนการ emulate กันครับ<&sol;p>&NewLine;<div class&equals;"iframe-wrapper">&NewLine;<blockquote class&equals;"wp-embedded-content" data-secret&equals;"23K8wsw8r7"><p><a href&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;&percnt;e0&percnt;b9&percnt;80&percnt;e0&percnt;b8&percnt;82&percnt;e0&percnt;b8&percnt;b5&percnt;e0&percnt;b8&percnt;a2&percnt;e0&percnt;b8&percnt;99&percnt;e0&percnt;b9&percnt;81&percnt;e0&percnt;b8&percnt;ad&percnt;e0&percnt;b8&percnt;9e&percnt;e0&percnt;b8&percnt;94&percnt;e0&percnt;b9&percnt;89&percnt;e0&percnt;b8&percnt;a7&percnt;e0&percnt;b8&percnt;a2-ionic-framework-&percnt;e0&percnt;b8&percnt;95&percnt;e0&percnt;b8&percnt;ad&percnt;e0&percnt;b8&percnt;99-3-&percnt;e0&percnt;b8&percnt;aa&percnt;e0&percnt;b8&percnt;a3&percnt;e0&percnt;b9&percnt;89&percnt;e0&percnt;b8&percnt;b2&sol;">เขียนแอพด้วย ionic framework &colon; ตอน 3 สร้าง ionic project<&sol;a><&sol;p><&sol;blockquote>&NewLine;<p><iframe class&equals;"wp-embedded-content" sandbox&equals;"allow-scripts" security&equals;"restricted" style&equals;"position&colon; absolute&semi; clip&colon; rect&lpar;1px&comma; 1px&comma; 1px&comma; 1px&rpar;&semi;" title&equals;"&&num;8220&semi;เขียนแอพด้วย ionic framework &colon; ตอน 3 สร้าง ionic project&&num;8221&semi; &&num;8212&semi; บริษัท โค๊ดบี จำกัด" src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;&percnt;e0&percnt;b9&percnt;80&percnt;e0&percnt;b8&percnt;82&percnt;e0&percnt;b8&percnt;b5&percnt;e0&percnt;b8&percnt;a2&percnt;e0&percnt;b8&percnt;99&percnt;e0&percnt;b9&percnt;81&percnt;e0&percnt;b8&percnt;ad&percnt;e0&percnt;b8&percnt;9e&percnt;e0&percnt;b8&percnt;94&percnt;e0&percnt;b9&percnt;89&percnt;e0&percnt;b8&percnt;a7&percnt;e0&percnt;b8&percnt;a2-ionic-framework-&percnt;e0&percnt;b8&percnt;95&percnt;e0&percnt;b8&percnt;ad&percnt;e0&percnt;b8&percnt;99-3-&percnt;e0&percnt;b8&percnt;aa&percnt;e0&percnt;b8&percnt;a3&percnt;e0&percnt;b9&percnt;89&percnt;e0&percnt;b8&percnt;b2&sol;embed&sol;&num;&quest;secret&equals;9xcooIyA95&num;&quest;secret&equals;23K8wsw8r7" data-secret&equals;"23K8wsw8r7" marginmarginscrolling&equals;"no"><&sol;iframe><&sol;div>&NewLine;