Επεξεργασία κώδικα με το 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 . Οι επεκτάσεις Web περιορίζονται από το περιβάλλον προστατευμένης εκτέλεσης του προγράμματος περιήγησης και, επομένως, έχουν περιορισμούς σε σύγκριση με τις κανονικές επεκτάσεις.
  • Το CLI του Power Platform δεν υποστηρίζεται.
  • Οι δυνατότητες επέκτασης 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 Επεξεργασία κώδικα για να ανοίξετε το πρόγραμμα επεξεργασίας κώδικα.

Προβολή ενεργειών Power Pages

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

Διαθέσιμες ενέργειες

• Τοποθεσία προεπισκόπησης
  Αυτή η ενέργεια διαγράφει το cache ρύθμισης παραμέτρων και ανοίγει την τοποθεσία σε κώδικα VS. Επιτρέπει στους προγραμματιστές να κάνουν προεπισκόπηση και δοκιμή των αλλαγών στον κώδικα τοποθεσίας χωρίς να χρειάζεται να κάνουν εναλλαγή περιβάλλοντος στο Στούντιο σχεδίασης του Power Pages.

• Άνοιγμα στο στούντιο σχεδίασης του Power Pages
  Μετά την πραγματοποίηση αλλαγών κώδικα, χρησιμοποιήστε αυτήν την ενέργεια για να μεταβείτε στο Στούντιο σχεδίασης του Power Pages. Αυτό είναι χρήσιμο για τη ρύθμιση παραμέτρων υπηρεσιών παροχής ελέγχου ταυτότητας, ρόλων Web και άλλων ρυθμίσεων τοποθεσίας που δεν είναι επεξεργάσιμες στο πρόγραμμα επεξεργασίας κώδικα.

• Άνοιγμα στο VS Code Desktop
  Εάν είναι εγκατεστημένο το VS Code Desktop, αυτή η ενέργεια ανοίγει την τοποθεσία στην εφαρμογή υπολογιστή. Ενεργοποιεί επίσης μια λήψη τοποθεσίας, εξασφαλίζοντας ότι ο κώδικας είναι διαθέσιμος τοπικά και έτοιμος για επεξεργασία.

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

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

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

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

Εκπαιδευτικό βοήθημα: Επεξεργασία κώδικα τοποθεσίας χρησιμοποιώντας 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
Έκδοση προεπισκόπησης τοποθεσίας	Προγραμματισμένη	Προγραμματισμένη
Υποστήριξη Power Platform CLI	όχι	Όχι
Σύνθετη ροή εργασιών CPU και αποθήκευσης - ReactJS ή άλλη υποστήριξη εργαλείου δόμησης πλαισίου	όχι	Όχι
Ενοποίηση του GitHub με δυνατότητες όπως έλεγχος κώδικα, έλεγχος, διαχείριση διενέξεων και συγχώνευση.	όχι	Όχι

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

Σημείωμα

• Η χρήση του Visual Studio Code για την επεξεργασία τοποθεσιών Web δεν υποστηρίζεται στο Cloud κοινότητας δημόσιων οργανισμών (GCC), στο Government Community 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