Visual Studio Code Workspace คือชุดของไฟล์ที่เปิดในหน้าต่างเดียว พื้นที่ทำงานสามารถเป็นโฟลเดอร์เดียวได้ แต่ในบางกรณี จะรวมไฟล์หลายไฟล์ในเวิร์กโฟลว์การพัฒนาที่เรียกว่าเวิร์กสเปซแบบหลายรูท หากคุณกำลังทำงานในโครงการและต้องเปิดหลายไฟล์บนแพลตฟอร์มนี้ ฟีเจอร์ Workspace ใหม่สามารถช่วยได้ คุณจะสามารถเปิดไฟล์ได้หลายไฟล์ในหน้าต่างเดียวกัน ทำให้ง่ายต่อการเข้าถึงเอกสารที่จำเป็นทั้งหมดของคุณ ไฟล์ .code-Workspaces ใช้เพื่อบันทึกการกำหนดค่าโฟลเดอร์ของโปรเจ็กต์ เมื่อกำหนดค่าแล้ว จะเปิดไฟล์ต่างๆ ในหน้าต่างเดียวกันโดยอัตโนมัติ นอกจากนี้ยังตั้งค่าได้เร็วและง่ายกว่าการเขียนเชลล์สคริปต์อีกด้วย ดูวิธีสร้าง VS Code Workspace
สารบัญ
การสร้างพื้นที่ทำงานใหม่ใน VS Code
พื้นที่ทำงานของคุณมักจะเป็นสำเนาฐานรหัสของทีมในเครื่อง ซึ่งคุณสามารถใช้ทดสอบและพัฒนาโค้ดของคุณได้ ในกรณีส่วนใหญ่ ไฟล์จะถูกสร้างขึ้นโดยอัตโนมัติเมื่อคุณเปิดโฟลเดอร์ VS อย่างไรก็ตาม คุณอาจต้องการสร้างไฟล์หลายไฟล์เพื่อติดตามการเปลี่ยนแปลงทั้งหมดที่คุณทำในสาขาต่างๆ ของโครงการ ต่อไปนี้คือวิธีรวมไฟล์เหล่านั้นลงใน VS Code Workspace
พื้นที่ทำงานใหม่ของคุณถูกสร้างขึ้นบน VS Code แล้ว และชื่อจะแสดงเป็น (ชื่อ).code-Workspace
การตั้งค่าพื้นที่ทำงาน
การตั้งค่าเหล่านี้จะแทนที่การตั้งค่าเริ่มต้น และสามารถใช้เพื่อปรับแต่งพื้นที่ทำงานของคุณตามที่คุณต้องการ ไฟล์เหล่านี้จัดเก็บไว้ในไฟล์ JSON และตำแหน่งจะถูกกำหนดโดยวิธีเปิดโฟลเดอร์ของคุณ
การตั้งค่าพื้นที่ทำงานโฟลเดอร์เดียว
หากคุณเปิดโฟลเดอร์เป็นเวิร์กสเปซ การตั้งค่าจะอยู่ใน .vscode/settings.json
การตั้งค่าพื้นที่ทำงานแบบหลายรูท
หากโฟลเดอร์ที่คุณเปิดเป็นไฟล์ .code-workspace การตั้งค่าพื้นที่ทำงานทั้งหมดจะถูกเพิ่มลงในไฟล์ .code-workspace
คุณยังคงปรับแต่งการตั้งค่าตามโฟลเดอร์รากได้ แต่การตั้งค่าจะแทนที่การตั้งค่าที่กำหนดไว้ใน .code-workspace
การกำหนดค่าและงานเปิดใช้เวิร์กสเปซ
เช่นเดียวกับการกำหนดค่าการตั้งค่าสำหรับ Workspace งานและการเปิดตัวสามารถปรับเปลี่ยนในแบบของคุณเพื่อให้เหมาะกับพื้นที่ทำงาน หากคุณมีโฟลเดอร์ที่เปิดเป็นไฟล์ .code-workspace หรือ Workspace ตำแหน่งของงานและการกำหนดค่าการเรียกใช้งานจะอยู่ในไฟล์ .vsh หรือไฟล์ .workspace การกำหนดค่าเหล่านี้สามารถปรับได้จากโฟลเดอร์
เพิ่มประสิทธิภาพ VS Code Workspace ใหม่
ด้วยการรองรับในตัวสำหรับภาษาการเขียนโปรแกรมต่างๆ รวมถึง TypeScript, Javascript และ Node JS Workspace เป็นเครื่องมือในอุดมคติสำหรับนักพัฒนา เคล็ดลับเหล่านี้จะทำให้แพลตฟอร์มมีประสิทธิภาพและนำทางได้ง่ายขึ้น
เทอร์มินัล
คุณอาจกำลังใช้เทอร์มินัลเริ่มต้นที่ระบบปฏิบัติการของคุณให้มา ด้วย VS Code แพลตฟอร์มต้องการสร้างมันขึ้นมาเพื่อที่คุณจะได้ไม่ต้องพึ่งพาคุณลักษณะของระบบปฏิบัติการ VS Code มาพร้อมกับเทอร์มินัลในตัวที่มีความต้องการทั้งหมดของคุณในที่เดียว เป็นวิธีที่ยอดเยี่ยมในการติดตามโครงการพัฒนาของคุณ และทำให้แน่ใจว่าดำเนินไปอย่างราบรื่น ด้วยความสามารถในการเปลี่ยนชื่อหรือเปลี่ยนสีไอคอน ทำให้ง่ายต่อการแยกความแตกต่างระหว่างเทอร์มินัลต่างๆ สำหรับโปรเจ็กต์ของคุณ
ห่อแท็บ
คุณลักษณะนี้มีประโยชน์สำหรับนักพัฒนาที่ทำงานในโครงการขนาดใหญ่ที่มีการใช้ส่วนประกอบหลายอย่าง การติดตามไฟล์ทั้งหมดอาจเป็นเรื่องยากเมื่อย้ายจากองค์ประกอบหนึ่งไปยังอีกองค์ประกอบหนึ่ง ใน VS Code แท็บต่างๆ จะปรากฏขึ้นในเบราว์เซอร์ และคุณจะต้องเลื่อนจากแท็บหนึ่งไปอีกแท็บหนึ่งเมื่อคุณต้องการดูว่ามีอะไรอยู่ข้างใน
วิธีที่มีประสิทธิภาพมากขึ้นคือการห่อแท็บเหล่านี้โดยคลิก Cmd + และค้นหา “Wrap Tabs” คุณลักษณะนี้จะช่วยให้มองเห็นสิ่งที่อยู่ในแท็บต่างๆ ได้ง่ายขึ้น
ปักหมุดแท็บ
ในฐานะนักพัฒนา ขอแนะนำให้จัดพื้นที่ทำงานของคุณให้เป็นระเบียบมากที่สุด คุณสามารถทำได้โดยตรึงแท็บที่คุณมักใช้ไว้ที่ด้านหน้าของหน้าจอ คุณยังสามารถปรับแต่งรูปลักษณ์ของแท็บเหล่านี้ได้โดยกดปุ่ม Cmd + หรือ Ctrl + แล้วค้นหา “Pin Tab”
หน้าจอผู้ใช้
อินเทอร์เฟซของเทอร์มินัลของคุณได้รับการตั้งค่าเพื่อให้มีตัวเลือกต่างๆ เช่น explorer การค้นหา ผู้จัดการโครงการ และเอาต์พุต นอกจากนี้ยังมีส่วนที่เหมือนส่วนท้ายซึ่งคุณสามารถค้นหาและแก้ไขรายละเอียดต่างๆ ได้อย่างง่ายดาย ใน VS Code คุณสามารถลากและวางแท็บเหล่านี้โดยจัดเรียงใหม่ตามที่คุณต้องการ คุณสามารถวางตัวเลือกที่ใช้บ่อยไว้ใกล้กับด้านบนสุดหรือปรับแต่งเพื่อให้เข้าถึงได้ง่ายขึ้น การปรับแต่งส่วนต่อประสานผู้ใช้ทำให้ Workspace ของคุณไปยังส่วนต่างๆ ได้ง่ายขึ้น
ภาษา
เมื่อสร้างหน้าใหม่ใน Visual Studio Code ไฟล์จะไม่มีชื่อ และคุณจะต้องกรอกรายละเอียดเหล่านั้นด้วยตนเอง จากนั้นคุณจะต้องย้ายไปที่ชื่อไฟล์และป้อนนามสกุล กระบวนการนี้อาจเป็นเรื่องที่น่าเบื่อหน่าย โดยเฉพาะอย่างยิ่งเมื่อต้องจัดการกับไฟล์จำนวนมาก
คุณสามารถปรับกระบวนการให้เหมาะสมโดยอนุญาตให้ IDE ดูไฟล์ จากนั้นจะใช้ระบบการตั้งชื่อก่อนหน้านี้เพื่อกำหนดชื่อให้กับไฟล์ใหม่ที่คุณสร้างขึ้น
ดูตัวอย่าง
VS Code มีคุณสมบัติที่น่าผิดหวัง ตัวอย่างเช่น หากคุณเปิดไฟล์ในการแสดงตัวอย่างแล้วเปิดไฟล์อื่นทันทีหลังจากนั้นโดยไม่ทำการเปลี่ยนแปลงกับไฟล์แรก โปรแกรมจะปิดไฟล์แรก หากคุณต้องการเปลี่ยนแปลงข้อมูลนี้และเปิดไฟล์ทั้งสองไว้ในหน้าตัวอย่าง ให้ไปที่การตั้งค่าและค้นหา “เปิดใช้งานการแสดงตัวอย่าง” เลือกช่องทำเครื่องหมายเพื่อทำการเปลี่ยนแปลงที่จำเป็น
ตั้งค่าพีซีใหม่
คุณอาจปรับแต่ง VS Code Workspace ในแบบที่คุณชอบ เพื่อรับพีซีเครื่องใหม่เท่านั้น แม้ว่าเครื่องใหม่จะใช้งานได้ดี แต่การต้องกำหนดค่า Workspace ใหม่อาจเป็นเรื่องที่น่ารำคาญได้
การตั้งค่าการซิงค์ทำให้คุณสามารถบันทึกการกำหนดค่าทั้งหมดของคุณได้ในที่เดียว เมื่อคุณได้รับอุปกรณ์อื่น มันจะใช้การตั้งค่าของอุปกรณ์เก่ากับ VS Code Workspace ใหม่โดยอัตโนมัติ ด้วยวิธีนี้ คุณไม่จำเป็นต้องกำหนดค่า Workspace ใหม่บนพีซีเครื่องใหม่ของคุณ
เปิดเล่นซ้ำ
การเริ่มต้นแก้ไขเว็บแอปในเวอร์ชันที่ใช้งานจริงอาจเป็นเรื่องที่ท้าทายและใช้เวลานาน ด้วย OpenReplay คุณสามารถตรวจสอบและเล่นซ้ำทุกอย่างที่ผู้ใช้ของคุณทำ ช่วยให้คุณเห็นว่าแอปทำงานอย่างไรและตรวจพบปัญหาที่อาจปรากฏขึ้น OpenReplay เป็นตัวเลือกที่ยอดเยี่ยม เนื่องจากเป็นทางเลือกโอเพนซอร์สฟรีสำหรับแอปพลิเคชันดีบั๊กอื่นๆ เช่น LogRocket และ FullStory การใช้โปรแกรมแก้ไขข้อบกพร่องช่วยให้คุณประหยัดเวลาได้มากเมื่อใช้ Workspace
GitHub
VS Code มาพร้อมกับการรวม GitHub ในตัว สิ่งนี้ทำให้คุณสามารถพุชไฟล์ของคุณไปที่ GitHub ได้อย่างรวดเร็ว การเชื่อมต่อกับ GitHub จาก VS Code หมายความว่าคุณไม่ต้องเสียเวลาเขียนคำสั่ง git การรวม VS Code ทำให้การรักษาไฟล์ของคุณง่ายขึ้น
โฟลเดอร์ทั้งหมดของคุณในที่เดียว
พื้นที่ทำงานทำให้ทีมของคุณจัดระเบียบได้ง่าย ไฟล์และโฟลเดอร์สามารถเก็บไว้ในที่เดียว ทำให้สามารถเปิดและดูได้ด้วยการคลิกปุ่ม พื้นที่ทำงานยังสามารถปรับปรุงให้เหมาะสมเพื่อปรับปรุงประสิทธิภาพและช่วยติดตามโครงการที่กำลังดำเนินอยู่ ด้วยคู่มือนี้ คุณพร้อมที่จะสร้างเวิร์กสเปซบน VS Code แล้วปรับแต่งให้เหมาะกับความต้องการของคุณ
คุณได้ตั้งค่าพื้นที่ทำงานใหม่บน VS Code หรือไม่ แจ้งให้เราทราบว่าคุณสร้างและเพิ่มประสิทธิภาพพื้นที่ทำงานของคุณในความคิดเห็นด้านล่างอย่างไร
