เตรียม Visual Studio Code สำหรับ React Native #2

Line
Facebook
Twitter
Google

เตรียม Visual Studio Code สำหรับ React Native

บทความนี้จะนำเสนอขั้นตอนการเตรียม Visual Studio Code สำหรับการพัฒนาแอปฯ ด้วย React Native ซึ่งจริงๆ แล้วไม่ต้องเตรียมก็เขียน App ด้วย React Native ได้แล้ว แต่เพื่อให้เรามีตัวช่วยในการทำงานมากขึ้น เวลาเราเขียนโค้ดผิด พิพม์พลาด พิมพ์ตก ฯลฯ จะได้มองเห็นได้ง่ายๆ ไหนๆ เขาก็อุตส่าห์ทำตัวช่วยมาให้เราทำงานง่ายขึ้นแล้วก็ต้องใช้สักหน่อย เพื่อให้การพัฒนาแอปฯ ง่ายขึ้นนั่นเอง

ก่อนอื่นก็ติดตั้ง ESLINT ซึ่งจะเป็นตัวช่วยในการเขียน React Native ด้วยคำสั่ง

npm install -g eslint

ตามด้วยคำสั่งติดตั้งตัวช่วยในโปรเจคของเรา (อ๊ะๆ อย่าลืมตรงนี้ต้องเข้าไปที่ root folder ของโปรเจคเราก่อนนะ)

npm install --save-dev eslint-config-rallycoding

แล้วเปิดโปรแกรม Visual Studio Code ขึ้นมา

เปิดโปรเจคที่เราสร้างไว้ให้เรียบร้อย

สร้างไฟล์ชื่อ “.eslintrc” ภายใต้ root folder project ของเรา ซึ่งเป็นไฟล์ Config ว่าเราจะใช้ตัวช่วยอะไรในโปรเจคเรา แล้วพิมพ์โค้ดดังนี้

{
"extends": "rallycoding"
}
Save ไฟล์ให้เรียบร้อย
จากนั้นลองทดสอบดูว่าถ้าเขียนโค้ดผิดจะเป็นอย่างไร ถ้าทำตามขั้นตอนถูกต้องและเขียนโค้ดผิด มันต้องมีแดงๆ บ้างละ

Line
Facebook
Twitter
Google
แนะนำเครื่องมือที่ใช้พัฒนา MEAN Stack #2
MEAN Stack คืออะไร #1
เตรียม Atom สำหรับ React Native #3
เตรียม Visual Studio Code สำหรับ React Native #2
การติดตั้ง React Native บน macOs #1
การกำหนดค่า TF_MIN_GPU_MULTIPROCESSOR_COUNT เพื่อให้ TensorFlow ใช้งาน GPU ทุกตัว
ติดตั้ง Ubuntu 17.04 ใช้งานร่วมกับ Windows 10
การติดตั้ง TensorFlow & Caffe บน Ubuntu 16.04