อัปเกรดเป็น Microsoft Edge เพื่อใช้ประโยชน์จากคุณลักษณะล่าสุด เช่น การอัปเดตความปลอดภัยและการสนับสนุนด้านเทคนิค Show ใช้ส่วนขยาย Visual Studio Code
ในบทความนี้ภาพรวมVisual Studio Code (VS Code) เป็นโปรแกรมแก้ไขซอร์สโค้ดที่มีขนาดเล็กแต่ทรงพลัง ซึ่งทำงานบนเดสก์ท็อปของคุณ และพร้อมใช้งานสำหรับ Windows, macOS และ Linux ซึ่งมาพร้อมกับการสนับสนุนในตัวสำหรับ JavaScript, TypeScript และ Node.js และมีระบบนิเวศที่สมบูรณ์ของส่วนขยายสำหรับภาษาอื่น ๆ (เช่น C++, C#, Java, Python, PHP และ Go) และรันไทม์ (เช่น .NET และ Unity) สำหรับข้อมูลเพิ่มเติม ดูที่ เริมต้นใช้งาน VS Code VS Code ช่วยให้คุณสามารถขยายความสามารถของคุณผ่าน ส่วนขยาย ส่วนขยาย VS Code สามารถเพิ่มคุณลักษณะเพิ่มเติมให้กับประสบการณ์โดยรวม ด้วยการเปิดตัวคุณลักษณะนี้ คุณสามารถใช้ส่วนขยาย VS Code เพื่อทำงานกับพอร์ทัล Power Apps ใช้ส่วนขยาย VS Code สำหรับพอร์ทัลPower Platform Tools เพิ่มความสามารถในการกำหนดค่าพอร์ทัลโดยใช้ VS Code และใช้ภาษา Liquid ในตัว IntelliSense เพื่อเปิดใช้งานความช่วยเหลือเกี่ยวกับการเสร็จสมบูรณ์ของรหัส ความช่วยเหลือ และการพูดเป็นนัยในขณะที่ปรับแต่งอินเทอร์เฟซพอร์ทัลโดยใช้ VS Code การใช้ส่วนขยาย VS Code คุณสามารถกำหนดค่าพอร์ทัลผ่าน พอร์ทัลสนับสนุนสำหรับ Microsoft Power Platform CLI ข้อกำหนดเบื้องต้นก่อนใช้ส่วนขยาย VS Code สำหรับพอร์ทัล Power Apps คุณต้อง:
ติดตั้งส่วนขยาย VS Codeหลังจากที่คุณติดตั้ง Visual Studio Code คุณต้องติดตั้งส่วนขยายสำหรับปลั๊กอินพอร์ทัล Power Apps สำหรับ VS Code ในการติดตั้งส่วนขยาย VS Code:
ดาวน์โหลดเนื้อหาพอร์ทัลเพื่อรับรองความถูกต้องกับสภาพแวดล้อม Microsoft Dataverse และการดาวน์โหลดเนื้อหาพอร์ทัล โปรดดูบทช่วยสอน เคล็ดลับ ส่วนขยาย Power Platform Tools เปิดใช้งานโดยอัตโนมัติโดยใช้คำสั่ง CLI Microsoft Power Platform จากภายใน VS Code ผ่าน เทอร์มินัลที่รวม Visual Studio ส่วนย่อย สนับสนุนเมื่อปรับแต่งเนื้อหาที่ดาวน์โหลดโดยใช้ VS Code ตอนนี้คุณสามารถใช้ IntelliSense สำหรับ แท็ก Liquid ของพอร์ทัล Power Apps ไอคอนไฟล์ส่วนขยาย VS Code สำหรับพอร์ทัลจะระบุและแสดงไอคอนสำหรับไฟล์และโฟลเดอร์ภายในเนื้อหาพอร์ทัลที่ดาวน์โหลดโดยอัตโนมัติ VS Code ใช้ ค่าเริ่มต้นซึ่งไม่แสดงไอคอนเฉพาะพอร์ทัล หากต้องการดูไอคอนไฟล์เฉพาะสำหรับพอร์ทัลของคุณ คุณจะต้องอัปเดตอินสแตนซ์ VS Code เพื่อใช้ธีมไอคอนไฟล์เฉพาะพอร์ทัล ในการเปิดใช้งานธีมไอคอนไฟล์เฉพาะพอร์ทัล:
การแสดงตัวอย่างแบบสดส่วนขยาย Visual Studio Code เปิดใช้งานตัวเลือกการแสดงตัวอย่างแบบสดเพื่อดูหน้าเนื้อหาพอร์ทัลภายในส่วนติดต่อ Visual Studio Code ระหว่างประสบการณ์ในการพัฒนา หากต้องการดูการแสดงตัวอย่าง เลือก จากด้านบนขวาเมื่อเปิดไฟล์ HTML ในโหมดแก้ไขบานหน้าต่างแสดงตัวอย่างจะเปิดขึ้นทางด้านขวาของหน้าที่กำลังแก้ไข คุณลักษณะพรีวิวต้องการให้ไฟล์อื่น ๆ เปิดอยู่ในเซสชัน VS Code เดียวกันกับที่ประกอบขึ้นเป็นมาร์กอัป HTML สำหรับการแสดงตัวอย่าง ตัวอย่างเช่น หากเปิดเฉพาะไฟล์ HTML โดยไม่ได้เปิดโครงสร้างโฟลเดอร์โดยใช้ VS Code คุณจะเห็นข้อความต่อไปนี้ เมื่อปัญหานี้เกิดขึ้น ให้เปิดโฟลเดอร์โดยใช้ ไฟล์ > เปิดโฟลเดอร์ และเลือกโฟลเดอร์เนื้อหาพอร์ทัลที่ดาวน์โหลดมาเพื่อเปิดก่อนที่คุณจะลองดูตัวอย่างอีกครั้ง เติมข้อความอัตโนมัติความสามารถในการเติมข้อความอัตโนมัติในส่วนขยาย VS Code จะแสดงบริบทปัจจุบันที่กำลังแก้ไข และส่วนประกอบการเติมข้อความอัตโนมัติที่เกี่ยวข้องผ่าน IntelliSense |