WORK5 ตั้งค่า Visual Studio Code ให้ทำงานร่วมกับ PostgreSQL

 

ตั้งค่า Visual Studio Code ให้ทำงานร่วมกับ PostgreSQL

Visual Studio Code เวอร์ชั่น 1.69.1


1) เมื่อเข้ามายังโปรแกรม Visual Studio Code ให้ Click ที่ EXTENSIONS หรือกด Ctrl+Shift+X ที่คีย์บอร์ด

2) ทำการพิมพ์ลงในช่องว่า PostgreSQL

3) ทำการ Click ที่ PostgreSQL ที่ขึ้นมาอันดับแรกหรือที่มีคำบรรยายว่า PostgreSQL Management TO....

4) ทำการ Click ที่ปุ่ม Install



5) ทำการ Click ที่ PostgreSQL Explorer

6) ทำการ Click ที่ปุ่มเครื่องหมาย +

7) เมื่อมี Pop-up เด้งขึ้นมาให้กรอก localhost (หรือเลขไอพีเซิฟเวอร์) แล้วกด Enter



8) Pop-up เดิมต่อมาให้กรอก User หรือชื่อผู้ใช้ postgres แล้วกด Enter



9) Pop-up เดิมต่อมาให้รหัสผ่านแล้วกด Enter



10) Pop-up เดิมให้ใส่ Port แล้วกด Enter



11) Pop-up เดิมให้ Click Standard Connection แล้วกด Enter



12) Pop-up เดิมให้ Click Show All Databases หรือเราจะเลือกแค่ Databases ที่เราต้องการ 1 Databases ก็ได้ แล้วกด Enter



13) Pop-up เดิมให้กรอกชื่อสำหรับเชื่อมต่อฐานข้อมูล แล้วกด Enter



14) จากนั้นฐานข้อมูลที่เราได้ทำการเชื่อมต่อไปก็ขึ้นมาดังในภาพเป็นอันเสร็จเรียบร้อย

การใช้คำสั่ง SQL และ การแสดงข้อมูล



1) เมื่ออยู่หน้า PostgreSQL Explorer แล้วให้ทำการ Click ฐานข้อมูลใหญ่ที่เราตั้งชื่อไว้

2) ทำการ Click ที่ฐานข้อมู,ที่เราต้องการใช้คำสั่งหรือแสดงข้อมูล

3) ทำการ Click ที่ Public

4) ทำการ Click ขวาที่ตารางที่เราต้องการใช้

5) หากต้องการแสดงข้อมูลทำการเลื่อนเมาส์มาที่ Select.... || หากต้องการเขียนคำสั่ง ทำการ Click ที่ New Query

6) ทำการ Click ที่ Select Top 1000



7) จะแสดงหน้าคำสั่ง SQL ที่ใช้แสดงข้อมูลและสามารถเขียนคำสั่งอื่นๆลงในนั้นได้

8) เป็นหน้าแสดงข้อมูลที่ Query มาจากหน้าคำสั่ง




9) หากต้องการให้แสดงแค่คำสั่งเดียวให้ทำการลากแถบดำคลุมคำสั่งนั้นแล้วกด F5 หรือ ถ้าแสดงข้อมูลทุกคำสั่งให้กดแค่ F5

ความคิดเห็น