Visual Studio Code — Node.js IntelliSense and Typings
Visual Studio Code มีความสามารถที่จะนำไปพัฒนาโปรแกรมได้หลายภาษา โดยจะแยกแต่ละภาษาออกจากกันด้วยการดูที่นามสกุลของไฟล์ เช่นถ้าเราเซฟไฟล์เป็น .js รูปแบบ syntax สีต่างๆก็จะเปลี่ยนไปเป็นของภาษา JavaScript เป็นต้น
Editor ที่ดี ไม่ใช่ทำเพียงได้แค่แยกสีของตัวแปร หรือ keyword ต่างๆ แต่ต้องมีความสามารถในการทำ IntelliSense ในขณะพิมพ์ด้วย เพื่อความคล่องตัวในการพัฒนา
ผมจึงทดสอบคำสั่ง http.createServer ของ Node.js ดู ปรากฏว่า คำสั่งยังไม่ขึ้น
เราสามารถทำให้ Visual Studio Code มีความสามารถทำ IntelliSense ของ Node.js ได้ด้วย เพียงทำการตั้งค่านิดหน่อยดังนี้
Adding a jsconfig.json Configuration File
1. เมื่อท่านกำลังเปิดไฟล์ .js อยู่ ให้สังเกตุที่มุมด้านขวาล่างของ Visual Studio Code คลิ๊กที่ไอคอนรูปหลอดไฟสีเขียว
2. คลิ๊กที่ปุ่ม Create jsconfig.json
3. กดปุ่ม Ctrl+S เพื่อ Save ไฟล์นี้
IntelliSense and Typings
1. เปิดหน้าต่าง Command Prompt ด้วยคำสั่ง cmd แล้วพิมพ์คำสั่ง npm install -g typings
2. เข้าไปที่โฟลเดอร์ของโปรเจ็ค เช่น Hello แล้วพิมพ์คำสั่ง typings install dt~node --global
3. จะปรากฏโฟลเดอร์ชื่อ typings ขึ้นมา แล้วให้ลองพิมพ์ไปที่ Source Code ดู คำสั่งที่เกี่ยวข้องกับ Node.js ก็จะปรากฏขึ้นมาเป็น IntelliSense
4. ถ้าต้องการคำสั่งสำหรับ Express Framework ให้พิมพ์ดังนี้
typings install dt~express dt~serve-static dt~express-serve-static-core — global
