วิธีสร้างพื้นที่ทำงานใหม่ใน VS Code

Visual Studio Code Workspace คือชุดของไฟล์ที่เปิดในหน้าต่างเดียว พื้นที่ทำงานสามารถเป็นโฟลเดอร์เดียวได้ แต่ในบางกรณี จะรวมไฟล์หลายไฟล์ในเวิร์กโฟลว์การพัฒนาที่เรียกว่าเวิร์กสเปซแบบหลายรูท หากคุณกำลังทำงานในโครงการและต้องเปิดหลายไฟล์บนแพลตฟอร์มนี้ ฟีเจอร์ Workspace ใหม่สามารถช่วยได้ คุณจะสามารถเปิดไฟล์ได้หลายไฟล์ในหน้าต่างเดียวกัน ทำให้ง่ายต่อการเข้าถึงเอกสารที่จำเป็นทั้งหมดของคุณ ไฟล์ .code-Workspaces ใช้เพื่อบันทึกการกำหนดค่าโฟลเดอร์ของโปรเจ็กต์ เมื่อกำหนดค่าแล้ว จะเปิดไฟล์ต่างๆ ในหน้าต่างเดียวกันโดยอัตโนมัติ นอกจากนี้ยังตั้งค่าได้เร็วและง่ายกว่าการเขียนเชลล์สคริปต์อีกด้วย ดูวิธีสร้าง VS Code Workspace

การสร้างพื้นที่ทำงานใหม่ใน VS Code

พื้นที่ทำงานของคุณมักจะเป็นสำเนาฐานรหัสของทีมในเครื่อง ซึ่งคุณสามารถใช้ทดสอบและพัฒนาโค้ดของคุณได้ ในกรณีส่วนใหญ่ ไฟล์จะถูกสร้างขึ้นโดยอัตโนมัติเมื่อคุณเปิดโฟลเดอร์ VS อย่างไรก็ตาม คุณอาจต้องการสร้างไฟล์หลายไฟล์เพื่อติดตามการเปลี่ยนแปลงทั้งหมดที่คุณทำในสาขาต่างๆ ของโครงการ ต่อไปนี้คือวิธีรวมไฟล์เหล่านั้นลงใน VS Code Workspace

  • เลือกโฟลเดอร์ที่คุณต้องการในพื้นที่ทำงานของคุณ
  • เพิ่มลงในเวิร์กสเปซโดยไปที่ “ไฟล์” จากนั้น “เพิ่มโฟลเดอร์ไปยังเวิร์กสเปซ”
  • เมื่อตั้งค่าที่ทำงานของคุณแล้ว ให้บันทึกฟอรัมใหม่โดยไปที่ “ไฟล์” จากนั้น “บันทึกพื้นที่ทำงานเป็น”
  • พื้นที่ทำงานใหม่ของคุณถูกสร้างขึ้นบน VS Code แล้ว และชื่อจะแสดงเป็น (ชื่อ).code-Workspace

    การตั้งค่าพื้นที่ทำงาน

    การตั้งค่าเหล่านี้จะแทนที่การตั้งค่าเริ่มต้น และสามารถใช้เพื่อปรับแต่งพื้นที่ทำงานของคุณตามที่คุณต้องการ ไฟล์เหล่านี้จัดเก็บไว้ในไฟล์ JSON และตำแหน่งจะถูกกำหนดโดยวิธีเปิดโฟลเดอร์ของคุณ

    การตั้งค่าพื้นที่ทำงานโฟลเดอร์เดียว

    หากคุณเปิดโฟลเดอร์เป็นเวิร์กสเปซ การตั้งค่าจะอยู่ใน .vscode/settings.json

      วิธีเพิ่มบัญชี Gmail ลงใน Outlook

    การตั้งค่าพื้นที่ทำงานแบบหลายรูท

    หากโฟลเดอร์ที่คุณเปิดเป็นไฟล์ .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 ของคุณไปยังส่วนต่างๆ ได้ง่ายขึ้น

      วิธีลบผู้ติดต่อใน WeChat

    ภาษา

    เมื่อสร้างหน้าใหม่ใน 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 แล้วปรับแต่งให้เหมาะกับความต้องการของคุณ

      สร้างบัญชีแขกบน iPhone ของคุณด้วย GuestMode

    คุณได้ตั้งค่าพื้นที่ทำงานใหม่บน VS Code หรือไม่ แจ้งให้เราทราบว่าคุณสร้างและเพิ่มประสิทธิภาพพื้นที่ทำงานของคุณในความคิดเห็นด้านล่างอย่างไร

    เรื่องล่าสุด

    x