Note for Angular – จดโน้ตสำหรับการพัฒนาเว็บแอ็พด้วย Angular

คำสังรัน ng serve –app appname –port portnumber

สำคัญมาก อย่าลืมอ่าน Cheat Sheet ช่วยได้เยอะมากจริงๆ

เริ่มต้นติดตั้ง Angular-cli สำหรับพัฒนาโปรเจ็ค

คู่มืออย่างละเอียดสามารถอ่านได้จากที่นี่ มีตั้งแต่การติดตั้ง Angular Cli ไปจนถึงการสร้าง App สร้าง Component และอธิบายโครงสร้างต่างๆของโปรเจ็คไว้อย่างละเอียด

// create component
https://coursetro.com/posts/code/61/Angular-4-Services-Tutorial

// use jquery with angular 4
https://stackoverflow.com/questions/43934727/how-to-use-jquery-plugin-with-angular-4
https://stackoverflow.com/questions/43557321/angular-4-how-to-include-bootstrap

// icon svg
https://icons8.com/preloaders/en/people_and_animals

// anular input bind
https://lishman.io/angular-2-input-binding

 

คำสั่งเบื้องต้นที่ควรรู้

สร้างโปรเจ็คด้วย Angular และกำหนด style เป็น Sass

คำสั่งนี้มันสร้างโปรเจ็คใหม่แล้วก็กำหนด style เป็น Sass แล้วก็แยก routing ออกมาต่างหาก ซึ่งถ้าเราไม่แยก เราก็สามารถเขียน route ที่ไฟล์ module.ts ของแต่ละ app ได้เลย

คำสั่งอัพเดต Angular Cli เพื่อให้เป็นเวอร์ชันล่าสุด

ตัวอย่าง Error ที่พบบ่อย

Node sass does not yet support your current environment

Error นี้เกิดจากเวอร์ชันของ sass ไม่รองรับตัว Node js เวอร์ชันที่เราติดตั้ง

แก้ได้ด้วยการถอนการติดตั้ง node-sass ด้วยคำสั่ง npm uninstall node-sass –save แล้วติดตั้ง node-sass ใหม่ด้วยคำสั่ง npm install node-sass

Error undefined  ‘$’

แก้ด้วยการเปลี่ยน port ตอนรัน ng serve

Leave a Reply

Your email address will not be published. Required fields are marked *