Site icon บริษัท โค๊ดบี จำกัด

เขียนแอพด้วย ionic framework : ตอน 1 ติดตั้ง Node.js

<p><strong>เขียนแอพด้วย ionic framework &colon; ตอน 1 ติดตั้ง Node&period;js<&sol;strong><&sol;p>&NewLine;<p>1&period; ดาวน์โหลดตัวติดตั้ง npm &lpar; node package manager &rpar; ที่เว็บ https&colon;&sol;&sol;nodejs&period;org<br &sol;>&NewLine; เลือกตัวติดตั้งให้ตรงกับ os ที่เราใช้ ในทีนี้ผมใช้ osx <&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;ติดตั้ง-node&period;js-1&period;png" alt&equals;"ติดตั้ง node&period;js" &sol;><br &sol;>&NewLine; <&excl;--more--><&sol;p>&NewLine;<p>2&period; ตอนติดตั้งตัวโปรแกรมจะแจ้งเราว่า ติดตั้งไว้ที่ไหน ให้เราจำไว้ด้วยนะครับบน osx ติดตั้งไว้ที่ usr&sol;local<&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;ติดตั้ง-node&period;js-2&period;png" alt&equals;"ติดตั้ง node&period;js" &sol;><&sol;p>&NewLine;<p>3&period; หลังติดตั้งเสร็จแล้ว ก็เปิด finder ไปตามไดเรคทอรี่ที่ตัวโปรแกรมแจ้งไว้ก่อนหน้านี้คือ usr&sol;local<&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;ติดตั้ง-node&period;js-3&period;png" alt&equals;"ติดตั้ง node&period;js" &sol;><&sol;p>&NewLine;<p>4&period; เปิด terminal ครับ บนเครื่อง mac ให้คลิ๊กขวาที่โฟลเด้อ bin ไปที่ services->New Terminal at Folder<&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;ติดตั้ง-node&period;js-4&period;png" alt&equals;"ติดตั้ง node&period;js" &sol;><&sol;p>&NewLine;<p>5&period; ตรวจสอบว่า Node&period;js ถูกติดตั้งเรียบร้อยแล้ว พิมพ์คำสั่ง <&sol;p>&NewLine;<pre class&equals;"theme&colon;dark-terminal lang&colon;default decode&colon;true " >&dollar; npm <&sol;pre>&NewLine;<p> ถ้าการติดตั้งปกติดีจะแสดงดังภาพด้านล่างครับ<&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;ติดตั้ง-node&period;js-5&period;png" alt&equals;"ติดตั้ง node&period;js" &sol;><br &sol;>&NewLine;<img src&equals;"http&colon;&sol;&sol;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2015&sol;12&sol;ติดตั้ง-node&period;js-6&period;png" alt&equals;"ติดตั้ง node&period;js" &sol;><&sol;p>&NewLine;<p>6&period; พิมพ์คำสั่ง <&sol;p>&NewLine;<pre class&equals;"theme&colon;dark-terminal lang&colon;default decode&colon;true " >&dollar; npm -version<&sol;pre>&NewLine;<p> สำหรับดูว่า node&period;js ที่เราติดตั้งเป็นเวอร์ชั่นอะไร เป็นอันเสร็จสิ้นการติดตั้งครับผม<&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;ติดตั้ง-node&period;js-7&period;png" alt&equals;"ติดตั้ง node&period;js" &sol;><&sol;p>&NewLine;<p>ตอน 2 ติดตั้ง CORDOVA และ IONIC FRAMEWORK<&sol;p>&NewLine;<div class&equals;"iframe-wrapper">&NewLine;<blockquote class&equals;"wp-embedded-content" data-secret&equals;"WghecmfLll"><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-2-&percnt;e0&percnt;b8&percnt;95&percnt;e0&percnt;b8&percnt;b4&percnt;e0&percnt;b8&percnt;94&percnt;e0&percnt;b8&percnt;95&sol;">เขียนแอพด้วย ionic framework &colon; ตอน 2 ติดตั้ง cordova และ ionic framework<&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; ตอน 2 ติดตั้ง cordova และ ionic framework&&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-2-&percnt;e0&percnt;b8&percnt;95&percnt;e0&percnt;b8&percnt;b4&percnt;e0&percnt;b8&percnt;94&percnt;e0&percnt;b8&percnt;95&sol;embed&sol;&num;&quest;secret&equals;02BhGTiFWw&num;&quest;secret&equals;WghecmfLll" data-secret&equals;"WghecmfLll" marginmarginscrolling&equals;"no"><&sol;iframe><&sol;div>&NewLine;

Exit mobile version