Επεξεργασία κώδικα με το Visual Studio Code για το Web (έκδοση προεπισκόπησης)

[Αυτό το θέμα αποτελεί τεκμηρίωση προέκδοσης και υπόκειται σε αλλαγές.]

Από το στούντιο σχεδίασης, μπορείτε να επεξεργαστείτε τον κώδικα τοποθεσίας χρησιμοποιώντας το Visual Studio Code για το Web. Αυτή η δυνατότητα σάς επιτρέπει να επεξεργάζεστε στατικό περιεχόμενο, HTML, CSS, Liquid και JavaScript για τα παρακάτω μετα-δεδομένα τοποθεσίας Web:

Μετα-δεδομένα	Περιεχομένου
Σύνθετες φόρμες (φόρμες πολλαπλών βημάτων)	Javascript
Βασικές φόρμες	Javascript
Τμήματα περιεχομένου	Όλο το υποστηριζόμενο τμήμα περιεχομένου
Λίστες	Javascript
Αρχεία Web	Προβολή και λήψη αρχείων πολυμέσων. Επεξεργασία αρχείων κειμένου (κώδικα).
Ιστοσελίδες	Όλο το υποστηριζόμενο περιεχόμενο (ανά γλώσσα), JavaScript και CSS
Πρότυπα Web	Όλο το υποστηριζόμενο περιεχόμενο

Σημείωμα

Δεν θα μπορείτε να δημιουργήσετε καρτέλες μετα-δεδομένων, παρά μόνο να προσθέσετε και να επεξεργαστείτε περιεχόμενο, κώδικα και να προβάλετε/πραγματοποιήσετε λήψη συνημμένων αρχείων.

Το Visual Studio Code για το Web παρέχει μια δωρεάν εμπειρία Microsoft Visual Studio Code χωρίς καμία εγκατάσταση η οποία εκτελείται πλήρως στο πρόγραμμα περιήγησής σας, επιτρέποντάς σας να περιηγείστε στον κώδικα τοποθεσίας και να αλλάτε αλλαγές κώδικα γρήγορα και με ασφάλεια. Περισσότερες πληροφορίες: Εμπειρία Visual Studio Code για το Web.

Σημαντικό

• Αυτή είναι μια δυνατότητα προεπισκόπησης.
• Οι λειτουργίες προεπισκόπησης δεν προορίζονται για παραγωγική χρήση και ενδέχεται να έχουν περιορισμένη λειτουργικότητα. Αυτές οι δυνατότητες είναι διαθέσιμες πριν από μια επίσημη κυκλοφορία έτσι ώστε οι πελάτες να έχουν πρόσβαση από νωρίς και να κάνουν σχόλια.

Σημείωμα

• Η φόρτωση για πρώτη φορά του Visual Studio Code για το Web μπορεί να χρειαστεί αρκετό χρόνο καθώς θα εγκαταστήσει τις απαιτούμενες επεκτάσεις για αυτήν τη δυνατότητα.
• Οι λειτουργίες Αρχείο, Δημιουργία, Διαγραφή και Μετονομασία δεν υποστηρίζονται.
• Αυτή η δυνατότητα χρησιμοποιεί την επέκταση web Power Platform Tools. Οι επεκτάσεις Web περιορίζονται από το περιβάλλον προστατευμένης εκτέλεσης του προγράμματος περιήγησης και επομένως έχουν περιορισμούς σε σύγκριση με τις κανονικές επεκτάσεις.
  • Power PlatformΔεν υποστηρίζεται η CLI.
  • Οι δυνατότητες επέκτασης Web των Power Platform Tools περιορίζονται στην εμπειρία επεξεργασίας κώδικα Power Pages.
  • Αυτή η δυνατότητα δεν είναι διαθέσιμη στο Cloud Κοινότητας Δημόσιων Οργανισμών (GCC), στο Cloud Κοινότητας Δημόσιων Οργανισμών (GCC High) και στο Υπουργείο Άμυνας (DoD). Οι χρήστες σε αυτές τις περιοχές θα χρησιμοποιήσουν την εφαρμογή Διαχείριση πυλών για την επεξεργασία κώδικα. Ανατρέξτε στην Επεξεργασία κώδικα στην εφαρμογή διαχείρισης πυλών για περισσότερες πληροφορίες.

Επεξεργασία κώδικα που διατίθεται στο στούντιο σχεδίασης

Μπορείτε να ξεκινήσετε να επεξεργάζεστε τον κώδικα της τοποθεσίας χρησιμοποιώντας τον Visual Studio Code για το Web από την αρχική σελίδα του Power Pages επιλέγοντας Επεξεργασία κώδικα τοποθεσίας από το αναπτυσσόμενο μενού Επεξεργασία.

Μπορείτε επίσης να επεξεργαστείτε κώδικα στο στούντιο σχεδίασης από τις παρακάτω περιοχές:

• Επεξεργασία κώδικα ιστοσελίδας από χώρο εργασίας σελίδων
• Κωδικός προτύπου κεφαλίδας από το χώρο εργασίας σελίδων
• Επεξεργασία προσαρμοσμένου CSS κώδικα από το χώρο εργασίας στυλ
• Επεξεργασία προσαρμοσμένου κώδικα JavaScript για φόρμες πολλών στοιχείων
• Επεξεργασία προσαρμοσμένου κώδικα JavaScript για βασικές φόρμες
• Επεξεργασία προσαρμοσμένης JavaScript για λίστες
• Επεξεργασία τμημάτων περιεχομένου
• Επεξεργασία προτύπων web
• Προβολή και λήψη αρχείων web πολυμέσων (εικόνες)
• Επεξεργασία αρχείων web βασισμένου σε κείμενο (CSS, JavaScript, άλλο)

Δείτε τον τρόπο επεξεργασίας κώδικα χρησιμοποιώντας αυτές τις περιοχές.

Επεξεργασία κώδικα ιστοσελίδας από χώρο εργασίας σελίδων

Όταν ανοίγετε το στούντιο σχεδίασης Power Pages, βλέπετε την επιλογή Επεξεργασία κώδικα στο μενού Σελίδες¹ και στην επάνω δεξιά γωνία της οθόνης².

Κωδικός προτύπου κεφαλίδας από το χώρο εργασίας σελίδων

Επιλέξτε Επεξεργασία κεφαλίδας τοποθεσίας και, στη συνέχεια, επιλέξτε Επεξεργασία κώδικα για να ανοίξετε το πρόγραμμα επεξεργασίας κώδικα.

Επεξεργασία προσαρμοσμένου CSS κώδικα από το χώρο εργασίας στυλ

Μεταβείτε στον χώρο εργασίας στυλ και επιλέξτε το διαθέσιμο προσαρμοσμένο μενού CSS Επεξεργασία κώδικα για να ανοίξετε το πρόγραμμα επεξεργασίας κώδικα.

Ειδοποίηση διένεξης συγχώνευσης

Σε περίπτωση που συνεργάζεστε με άλλους προγραμματιστές, ενδέχεται να υπάρχουν περιπτώσεις στις οποίες θα εργάζεστε στον ίδιο κώδικα προέλευσης. Σε περίπτωση που επιχειρήσετε να αποθηκεύσετε αλλαγές σε ένα ξεπερασμένο αρχείο, θα λάβετε μια ειδοποίηση για σύγκριση ή αντικατάσταση αλλαγών.

Η σύγκριση του κώδικα θα εμφανίσει τον τρέχοντα κώδικα μαζί με τον δικό σας κώδικα και θα σας επιτρέψει να επαναφέρετε τις υπάρχουσες αλλαγές, να αποδεχτείτε κάθε αλλαγή ξεχωριστά ή να χρησιμοποιήσετε τις αλλαγές σας και να αντικαταστήσετε τα υπάρχοντα περιεχόμενα.

Θα μπορείτε να αναθεωρήσετε το πιο πρόσφατο περιεχόμενο και είτε να συγχωνεύσετε είτε να αντικαταστήσετε τον κώδικα ή να απορρίψετε τις αλλαγές.

Εκπαιδευτικό βοήθημα: Επεξεργασία κώδικα τοποθεσίας χρησιμοποιώντας Visual Studio Code για το Web

Σε αυτό το πρόγραμμα εκμάθησης, μπορείτε να επεξεργαστείτε τον κώδικα τοποθεσίας χρησιμοποιώντας το Visual Studio Code για Web.

Βήμα 1: Επεξεργασία κώδικα τοποθεσίας χρησιμοποιώντας το Visual Studio Code για το web

1. Ανοίξτε την τοποθεσία σας στο στούντιο σχεδίασης Power Pages

2. Επιλέξτε Επεξεργασία κώδικα στην επάνω δεξιά γωνία

   

3. Επιλέξτε Άνοιγμα Visual Studio Code από το παράθυρο διαλόγου επιβεβαίωσης.

4. Συνδεθείτε στο Visual Studio Code χρησιμοποιώντας τα διαπιστευτήρια του περιβάλλοντος.

5. Περιμένετε να εκκινηθεί η επέκταση web Power Platform Tools και να φορτωθεί ο κώδικας ιστοσελίδας στο αριστερό τμήμα παραθύρου.

Βήμα 2: Ενημέρωση περιεχομένου και κώδικα

1. Ο Εξερευνητής στην αριστερή πλευρά της οθόνης φορτώνει τα αντίστοιχα μετα-δεδομένα διαμόρφωσης της τοποθεσίας web, τα οποία μπορούν να επεξεργαστούν με τη χρήση του Visual Code for the Web.

   

2. Κάντε αλλαγές στα αντίστοιχα αρχεία μετα-δεδομένων και πατήστε Ctrl+S για να αποθηκεύσετε τις αλλαγές.

3. Μεταβείτε στο στούντιο σχεδίασης και επιλέξτε Συγχρονισμός για να κάνετε όλες τις ενημερώσεις στην τρέχουσα περίοδο λειτουργίας του στούντιο σχεδίασης.

   

4. Επιλέξτε Προεπισκόπηση για να δείτε τις αλλαγές στην τοποθεσία Power Pages.

Χρήση Visual Studio Code για το web ή Visual Studio Code Desktop

Οι χρήστες μπορούν να επεξεργαστούν, να κάνουν εντοπισμό σφαλμάτων και να κάνουν προεπισκόπηση αλλαγών σε επεξεργασίες σελίδων, χρησιμοποιώντας το Visual Studio Code για το Web χωρίς να χρειάζεται να χρησιμοποιούν εξωτερικά εργαλεία. Το Visual Studio Code Desktop παρέχει άλλες σύνθετες δυνατότητες για την επεξεργασία όλων των μετα-δεδομένων τοποθεσίας και την ενοποίηση με το GitHub, τα πλαίσια και τις διεργασίες συνεχούς ενοποίησης/συνεχούς ανάπτυξης (CI/CD).

Χαρακτηριστικό	VS Code για το Web	VS Code Desktop
Δημιουργία νέων καρτελών μετα-δεδομένων ρύθμισης παραμέτρων τοποθεσίας Web	όχι	Περιορισμός σε ιστοσελίδες, πρότυπα σελίδων, πρότυπα web, αρχεία περιεχομένου και αρχεία web.
Άμεση επεξεργασία τοποθεσίας	Όχι	όχι
Επεξεργασία μετα-δεδομένων τοποθεσίας	Περιορισμός στην επεξεργασία ιστοσελίδων, φορμών περιεχομένου, βασικών φορμών, φορμών πολλών βημάτων, λιστών και προτύπων web.	Ρύθμιση παραμέτρων όλων των μετα-δεδομένων Power Pages
Έκδοση προεπισκόπησης τοποθεσίας	Προγραμματισμένη	Προγραμματισμένη
Υποστήριξη CLI Power Platform	όχι	Όχι
Ροή εργασιών με σύνθετο εCPU και αποθήκευση - ReactJS ή άλλη υποστήριξη εργαλείων δημιουργίας πλαισίου	όχι	Όχι
Ενοποίηση του GitHub με δυνατότητες όπως έλεγχος κώδικα, έλεγχος, διαχείριση διενέξεων και συγχώνευση.	όχι	Όχι

Επεξεργασία κώδικα στην εφαρμογή διαχείρισης πύλης

Σημείωμα

• Η χρήση του Visual Studio Code για το Web για την επεξεργασία τοποθεσιών Web δεν υποστηρίζεται στο Cloud Κοινότητας Δημόσιων Οργανισμών (GCC), στο Cloud Κοινότητας Δημόσιων Οργανισμών (GCC High) και το Υπουργείο Άμυνας (DoD). Οι χρήστες σε αυτές τις περιοχές μπορούν να χρησιμοποιήσουν την εφαρμογή διαχείρισης πυλών για να κάνουν τις αλλαγές τους.

Αν η περιοχή δεν υποστηρίζει το Visual Studio Code για το Web, επιλέγοντας το εικονίδιο προγράμματος επεξεργασίας κώδικα </> στη γραμμή εντολών θα ανοίξει η εφαρμογή διαχείρισης πυλών.

Μεταβείτε στις αντίστοιχες καρτέλες ιστοσελίδων, βασικών φορμών, φορμων πολλών στοιχείων, λιστών ή προτύπων Web για επεξεργασία κώδικα.

Type	Θέση κώδικα
Ιστοσελίδα	Επιλέξτε καρτέλα σελίδας Web. Επιλογή καρτέλας περιεχομένου ιστοσελίδας από την ενότητα Μεταφρασμένο περιεχόμενο. Μπορείτε να επεξεργαστείτε το αντίγραφο σελίδας στο πεδίο Αντιγραφή (HTML) της καρτέλας Γενικά. Μπορείτε να επεξεργαστείτε στον κώδικα Προσαρμοσμένο JavaScript και Προσαρμοσμένο CSS από την καρτέλα Για προχωρημένους.
Βασική φόρμα	Επιλέξτε τη βασική καρτέλα φόρμας. Επεξεργασία προσαρμοσμένης JavaScript στην καρτέλα Πρόσθετες ρυθμίσεις.
Φόρμα πολλών βημάτων	Επιλέξτε την καρτέλα φόρμας πολλών βημάτων. Επιλέξτε το βήμα φόρμας πολλών βήματος από την καρτέλα Βήματα φόρμας. Επεξεργασία προσαρμοσμένης JavaScript στην καρτέλα Επιλογές φόρμας.
Λίστα	Επιλέξτε την καρτέλα λίστας. Επεξεργασία προσαρμοσμένης JavaScript στην καρτέλα Επιλογές.
Πρότυπο web	Επιλέξτε την καρτέλα προτύπου web. Επεξεργασία προέλευσης στην καρτέλα Γενικά.

Αποθηκεύστε την καρτέλα και κάντε προεπισκόπηση της τοποθεσίας Web για να δοκιμάσετε τον κώδικά σας.

Δείτε επίσης

• Χρήση Visual Studio Code και Microsoft Power Platform CLI