Visual Studio (VS) Code เป็นหนึ่งในโปรแกรมแก้ไขโค้ดที่ดีที่สุดด้วยเหตุผลหลายประการ แต่สิ่งที่ทำให้โปรแกรมแก้ไขโค้ดนี้เป็นโปรแกรมเมอร์จำนวนมากคือความสามารถในการปรับแต่งให้เหมาะกับความต้องการของคุณ หนึ่งในหลายวิธีที่โปรแกรมเมอร์ปรับแต่ง VS Code คือการเข้าถึงและแก้ไขไฟล์ settings.json

แต่คุณเข้าถึงไฟล์นี้ได้อย่างไร อ่านต่อเพื่อค้นพบวิธีดำเนินการเกี่ยวกับกระบวนการนี้
วิธีเปิด Settings.json ใน VS Code
ผู้ใช้สามารถแก้ไขการตั้งค่า VS Code ส่วนใหญ่ได้อย่างง่ายดายโดยใช้อินเทอร์เฟซผู้ใช้ (UI) ที่ให้มา อย่างไรก็ตาม การปรับแต่งบางอย่างไม่สามารถใช้งานได้บนอินเทอร์เฟซ และคุณต้องเข้าถึงไฟล์ settings.json เพื่อแก้ไข
โชคดีที่การเปิดไฟล์ settings.json ทำได้ค่อนข้างง่าย และมีหลายวิธีในการดำเนินการ
ใช้ VS Code Command Palette – Windows หรือ Linux
ทางลัดและคำสั่งสามารถนำทางได้อย่างล้นหลาม โดยเฉพาะอย่างยิ่งหากคุณไม่ใช่ผู้ใช้คอมพิวเตอร์ตัวยง สิ่งที่ดี VS Code มี Command Palette ที่ใช้งานง่ายซึ่งทำให้เข้าถึงไฟล์ settings.json ได้ง่าย ต่อไปนี้คือวิธีใช้ VS Code Command Palette เพื่อเข้าถึงไฟล์บนคอมพิวเตอร์ Windows หรือ Linux:
- เปิด VS Code แล้วกดทางลัด “Ctrl + Shift + P” เพื่อเข้าถึง Command Palette
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- พิมพ์ “Settings.json” ในแถบค้นหาและเลือกไฟล์ settings.json ที่คุณต้องการแก้ไข โปรดทราบว่ามีไฟล์ settings.json สองไฟล์ ไฟล์หนึ่งสำหรับการตั้งค่าผู้ใช้และอีกไฟล์หนึ่งสำหรับการตั้งค่าพื้นที่ทำงาน
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- แก้ไขการตั้งค่าของคุณผ่านไฟล์
หากคุณไม่ชอบแป้นพิมพ์ลัด ให้ลองใช้วิธีการด้านล่างแทน:
- เปิด รหัส Visual Studio
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- คลิกไอคอนการตั้งค่าที่มุมล่างซ้ายของหน้าจอ
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- เลือก “การตั้งค่า”
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- คลิกไอคอนไฟล์ที่มุมบนขวาของหน้าจอ
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- ไฟล์ settings.json ควรเปิดขึ้นทันที และคุณควรจะทำการแก้ไขใดๆ ได้ตามต้องการ
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
การใช้ VS Code Command Palette – Mac
หากคุณใช้ Mac ให้ทำตามขั้นตอนด้านล่างเพื่อเปิดไฟล์ settings.json โดยใช้ Command Palette
- เปิด รหัส Visual Studio
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- เลือก "รหัส" และเลือก "การตั้งค่า"
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- ไปที่:
- แท็บ “ผู้ใช้” สำหรับการตั้งค่าผู้ใช้
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- แท็บ “พื้นที่ทำงาน” สำหรับการตั้งค่าพื้นที่ทำงาน
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- คลิกไอคอนไฟล์ที่มุมบนขวาของหน้าจอเพื่อเปิดไฟล์ settings.json ที่เลือก
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- ทำการเปลี่ยนแปลงที่จำเป็น
- บันทึกและปิดไฟล์
โปรดทราบว่าการเปลี่ยนแปลงใด ๆ ที่ทำกับไฟล์ settings.json ของผู้ใช้จะมีผลกับโปรเจ็กต์ VS Code ทั้งหมดที่กำลังดำเนินการอยู่ ดังนั้นจึงเหมาะสมที่จะแก้ไขไฟล์ settings.json ของผู้ใช้ หากคุณต้องการปรับการตั้งค่าที่ส่งผลต่อโปรเจ็กต์ทั้งหมดในเอดิเตอร์
หากคุณต้องการให้การเปลี่ยนแปลงมีผลกับโปรเจ็กต์ที่คุณกำลังทำอยู่เท่านั้น ให้แก้ไขไฟล์ workspace settings.json ด้วยวิธีนี้ การเปลี่ยนแปลงใดๆ ที่คุณทำจะไม่ส่งผลกระทบต่อโครงการอื่นๆ
การใช้ File Explorer – Windows
คุณยังสามารถใช้ File Explorer เพื่อเข้าถึงไฟล์ settings.json หากคุณใช้คอมพิวเตอร์ Windows ต่อไปนี้เป็นวิธีใช้โปรแกรมเพื่อเปิดไฟล์ settings.json:
- กดปุ่ม "Windows + R" เพื่อเปิดช่องเรียกใช้
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- พิมพ์ “%userprofile%” โดยไม่ต้องใส่เครื่องหมายคำพูด แล้วกด “Enter”
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- เลือก “ข้อมูลแอป” ตามค่าเริ่มต้น คุณจะดูไฟล์ “AppData” ไม่ได้ ดังนั้นไปที่ "ดู" และทำเครื่องหมายที่ช่องทำเครื่องหมาย "รายการที่ซ่อนอยู่" เพื่อขอรับสิทธิ์ในการดูไฟล์
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- ไปที่ "โรมมิ่ง" จากนั้นไปที่ "รหัส"
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- ค้นหาไฟล์ “Settings.json” จากนั้นคลิกขวา ไปที่ “เปิดด้วย”
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- เลือก “VS Code” เพื่อเปิดไฟล์ใน Visual Studio Code
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- ทำการเปลี่ยนแปลงที่จำเป็นและบันทึกไฟล์ก่อนที่จะออก
หรือคุณสามารถพิมพ์ “ %userprofile%\AppData\Roaming\Code\User” (โดยไม่ใส่เครื่องหมายอัญประกาศ) ในช่องเรียกใช้ จากนั้นเปิดไฟล์ settings.json ใน VS Code จากนั้นทำการแก้ไขที่จำเป็น และบันทึกการเปลี่ยนแปลงก่อนที่จะปิดไฟล์
ใช้ File Explorer – ลินุกซ์
หากต้องการเปิดไฟล์ settings.json บน Linux ให้ทำตามเส้นทางไดเร็กทอรีด้านล่าง และเปิดไฟล์โดยใช้ VS Code:
$HOME/.config/Code/User/settings.json
ใช้ File Explorer – Mac
หากคุณใช้ Mac ให้ทำตามขั้นตอนด้านล่างเพื่อเปิดไฟล์ settings.json ใน VS Code:
- ไปที่ "ไป" และเลือกตัวเลือก "ห้องสมุด"
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- หากไม่มีตัวเลือก "Library" ให้ไปที่ "Go" จากนั้นเลือก "Go to folder" พิมพ์ "~/Library" จากนั้นกดปุ่ม "Go" เพื่อให้ตัวเลือก Library พร้อมใช้งาน
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- เมื่อเปิดโฟลเดอร์ “Library” แล้ว ให้คลิก “Application Support”
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- ไปที่ "รหัส" และเปิดไดเรกทอรี "ผู้ใช้"
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- เปิดไฟล์ “Settings.json” โดยใช้ VSCode
![วิธีเปิด Settings.Json ใน VS Code วิธีเปิด Settings.Json ใน VS Code]()
- เปลี่ยนไฟล์ตามความจำเป็น และให้แน่ใจว่าคุณบันทึกไฟล์ก่อนที่จะออก
วิธีแก้ไขการตั้งค่าโดยใช้ไฟล์ Settings.json
การเข้าถึงไฟล์ settings.json เป็นเพียงส่วนหนึ่งของกระบวนการ คุณต้องรู้วิธีแก้ไขการตั้งค่าในไฟล์ด้วย
ก่อนอื่นคุณต้องเข้าใจรูปแบบ JSON พูดง่ายๆ คือรูปแบบการแลกเปลี่ยนข้อมูลแบบข้อความ รูปแบบนี้ใช้สำหรับแลกเปลี่ยนข้อมูลระหว่างคอมพิวเตอร์และอุปกรณ์อื่นๆ ทุกรายการข้อมูลใน JSON มีรหัสพร้อมกับค่าที่แสดงถึงรหัสนั้น ดังนั้น เมื่อคุณเปิดไฟล์ settings.json การตั้งค่าทุกอย่างจะมี ID และค่าที่ตั้งค่าไว้ในปัจจุบัน เช่นเดียวกับเมื่อคุณต้องการเพิ่มการแก้ไข - ระบุ ID และค่าของมัน
พิจารณาตัวอย่างด้านล่าง:
สมมติว่าคุณต้องการบันทึกไฟล์โดยอัตโนมัติหลังจากเวลาผ่านไประยะหนึ่ง ในกรณีนั้น คุณสามารถเพิ่มบรรทัดโค้ดต่อไปนี้ในไฟล์ settings.json ที่ใดก็ได้ระหว่างวงเล็บปีกกาเปิดและปิด:
“files.AutoSave”: “AfterDelay”,
ส่วนแรกของบรรทัดโค้ดด้านบนคือ ID ของการตั้งค่า "บันทึกไฟล์อัตโนมัติ" และส่วนที่สองคือค่าที่กำหนดใหม่
ยิ่งไปกว่านั้น ไฟล์ settings.json ยังผสานรวมกับ IntelliSense และการคาดคะเนอันชาญฉลาด ดังนั้นเมื่อใดก็ตามที่คุณเริ่มพิมพ์ ID ของการตั้งค่า ก็ควรคาดเดาโดยอัตโนมัติ คุณสามารถกดปุ่ม “Enter” เพื่อยอมรับ ID ที่แนะนำ ค่าของ ID ของการตั้งค่าที่เกี่ยวข้องนั้นคาดการณ์ไว้เหมือนกัน
เมื่อใดก็ตามที่คุณพิมพ์ ID ของการตั้งค่าหรือค่าผิด จะถูกเน้นด้วยสีแดง ทำให้ง่ายต่อการระบุและแก้ไขข้อผิดพลาด คุณสามารถดูรายการการตั้งค่าทั้งหมดที่คุณสามารถแก้ไขได้ผ่าน settings.json โดยกดปุ่ม “Ctrl + ,” คุณยังสามารถดูรายการการตั้งค่าเริ่มต้นทั้งหมดได้ในหน้าการตั้งค่า VS Code อย่างเป็น ทางการ
คำถามที่พบบ่อยเพิ่มเติม
เหตุใดการเปลี่ยนแปลงที่ฉันทำผ่านไฟล์ settings.json จึงไม่ได้รับผลกระทบ
การเปลี่ยนแปลงใดๆ ที่คุณทำผ่านไฟล์ settings.json จะมีผลเมื่อคุณรีสตาร์ทโปรแกรมแก้ไขโค้ดแล้วเท่านั้น ดังนั้น หากมีการเปลี่ยนแปลงที่คุณทำและไม่มีผล ให้รีสตาร์ทเอดิเตอร์และดูว่าสามารถแก้ไขปัญหาได้หรือไม่ หากไม่ได้ผล ให้ลองรีสตาร์ทคอมพิวเตอร์ทั้งเครื่องพร้อมกัน
เหตุใดฉันจึงได้รับข้อผิดพลาดแจ้งว่า VS Code ไม่สามารถเขียนการตั้งค่าของฉันได้
หากคุณพยายามเปลี่ยนการตั้งค่าแต่ยังคงได้รับข้อความแสดงข้อผิดพลาด แสดงว่าอาจมีข้อผิดพลาดขณะแก้ไขไฟล์ settings.json ตัวอย่างเช่น คุณอาจพิมพ์ค่��ใดค่าหนึ่งผิด หากต้องการแก้ไขปัญหา ให้เปิดไฟล์ settings.json อีกครั้งและตรวจหาข้อผิดพลาดที่มีเครื่องหมายหยักสีแดง
ฉันจะรีเซ็ตการตั้งค่าทั้งหมดใน VS Code ได้อย่างไร
วิธีที่ง่ายที่สุดในการรีเซ็ตการตั้งค่า VS Code ทั้งหมดกลับเป็นค่าเริ่มต้นคือการลบเนื้อหาของไฟล์ user settings.json ยกเว้นวงเล็บเปิดและปิด อย่างไรก็ตาม โปรดทราบว่าการดำเนินการนี้ไม่สามารถย้อนกลับได้ ดังนั้นคุณต้องระมัดระวังให้มากก่อนที่จะดำเนินการต่อ เมื่อคุณลบทุกอย่างแล้ว ให้บันทึกไฟล์และเริ่มโปรแกรมแก้ไขใหม่
เริ่มปรับแต่งการตั้งค่า VS Code ของคุณโดยใช้ไฟล์ Settings.json
ไฟล์ settings.json เป็นหนึ่งในไฟล์สำคัญที่คุณต้องคุ้นเคยหากคุณต้องการปรับแต่งโปรแกรมแก้ไข VS Code ให้เหมาะกับความต้องการของคุณ โชคดีที่ VS Code ทำให้การเข้าถึงไฟล์นี้ค่อนข้างง่าย ตัวอย่างเช่น คุณสามารถเปิดไฟล์โดยกด “Ctrl + Shift” + P” แล้วเลือกไฟล์ settings.json ที่คุณต้องการแก้ไข คุณยังสามารถเข้าถึงไฟล์ผ่าน File Explorer หากคุณทราบเส้นทางไฟล์เฉพาะ
วิธีที่คุณต้องการเปิด settings.json ใน VS Code คืออะไร โปรดแจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง