Споделяне чрез

Редактиране на код с Visual Studio Code за уеб (преглед)

  • Статия

[Тази тема е предварителна документация и подлежи на промяна.]

От студиото за дизайн можете да редактирате кода на сайта, като използвате Visual Studio Code за уеб. Тази функция ви позволява да редактирате статично съдържание, HTML, CSS, Liquid и JavaScript за следните метаданни на уеб сайт:

Метаданни Съдържание
Усъвършенствани формуляри (многостъпкови формуляри) JavaScript
Основни формуляри JavaScript
Фрагменти на съдържание Съдържание на фрагмент от цялото поддържано съдържание
Списъци JavaScript
Уеб файлове Преглеждане и изтегляне на мултимедийни файлове. Редактиране на файлове с текст (код).
Уеб страници Цялото поддържано съдържание (на език), JavaScript и CSS
Уеб шаблони Цялото поддържано съдържание

Бележка

Няма да можете да създавате записи с метаданни, а само да добавяте и редактирате съдържание, код и да преглеждате/изтегляте прикачени файлове.

Visual Studio Code for the Web предоставя безплатно изживяване с Microsoft Visual Studio Code без инсталиране, работещо изцяло във вашия браузър, което ви позволява да преглеждате кода на сайта и да правите леки промени в кода бързо и безопасно. Повече информация: Функционалност Visual Studio Code for the Web.

Важно

  • Това е функция за предварителен преглед.
  • Функциите за предварителен преглед не са предназначени за производствена употреба и може да са с ограничена функционалност. Тези функции са достъпни преди официалното издание, за да могат клиентите да получат ранен достъп и да дадат обратна връзка.

Демонстрация на използване на Visual Studio Code for Web за редактиране на сайт на Power Pages.

Бележка

  • Първото зареждане на Visual Studio Code for Web може да отнеме известно време, тъй като ще инсталира необходимите разширения за тази функция.
  • Операциите за създаване, изтриване и преименуване на файл не се поддържат.
  • Тази функция използва уеб разширение Power Platform Tools. Уеб разширенията са ограничени от ограничителния режим на браузъра и следователно имат ограничения в сравнение с нормалните разширения.

Редактиране на код, наличен в студиото за дизайн

Можете да започнете да редактирате кода на вашия сайт с помощта Visual Studio на Код за уеб от началната страница, Power Pages като изберете опцията Редактиране на код на сайт от падащото меню Редактиране .

Можете също да редактирате код в дизайнерското студио от следните области:

Нека да разгледаме как се редактира код с помощта на тези области.

Редактиране на код на уеб страница от работната област за страници

Когато отворите студиото за дизайн на Power Pages, виждате опция Редактиране на код в менюто „Страници“1 и горния десен ъгъл на екрана2.

Редактиране на код от работната област за страници.

Код на шаблон за горен колонтитул от работната област за страници

Изберете Редактиране на горен колонтитул на сайт и след това изберете Редактиране на код, за да отворите редактора на код.

Редактиране на код от горния колонтитул за страници.

Редактиране на персонализиран CSS код от работната област за стилизиране

Отидете на Работна област за стилизиране и изберете менюто за налично персонализирано CSS Редактиране на код , за да отворите редактора на код.

Редактирайте код от персонализиран CSS.

Известие за конфликт на обединяване

Ако си сътрудничите с други разработчици, може да има ситуации, в които ще работите върху един и същ изходен код. В случай че се опитате да запазите промени в остарял файл, ще получите известие за Сравняване или Презаписване на промените.

Сравняването на кода ще покаже текущия код заедно с вашия код и ще ви позволи да върнете съществуващите промени, да приемете всяка промяна поотделно или да използвате своите промени и да презапишете съществуващото съдържание.

Конфликти при обединяване в кода.

Ще можете да прегледате най-новото съдържание и да обедините или презапишете кода или да отхвърлите промените.

Въвеждащ курс: Редактиране на код на сайт с помощта на Visual Studio Code for the Web

В този въвеждащ курс научавате повече за редактирането на код на сайт с помощта на Visual Studio Code for Web.

стъпка 1: Редактиране на кода на сайта с помощта на Visual Studio Код за уеб

  1. Отворете своя сайт в студиото за дизайн на Power Pages

  2. В горния десен ъгъл изберете Редактиране на код

    Отваряне в Visual Studio Code от студиото за дизайн.

  3. Изберете Отваряне на Visual Studio Code от диалоговия прозорец за потвърждение.

  4. Влезте в Visual Studio Code, като използвате идентификационните данни за своите среди.

  5. Изчакайте уеб разширението Power Platform Tools да се инициализира и кодът на уеб страницата да се зареди в левия панел.

Стъпка 2: Актуализиране на съдържание и код

  1. Прозорецът от лявата страна на екрана зарежда съответните метаданни за конфигурация на уеб сайта, които могат да бъдат редактирани с помощта на Visual Code for the Web.

    Меню на прозореца за работна област без име, показващо уеб файлове.

  2. Въведете промени в съответните файлове с метаданни и натиснете Ctrl+S, за да запазите промените.

  3. Отидете в студиото за дизайн и изберете Синхронизиране за да изтеглите всички актуализации в текущата си сесия на студиото за дизайн.

    Интерфейс, позволяващ на потребителя да избере бутона за синхронизиране, за да синхронизира промените, направени във Visual Studio Code в студиото за дизайн.

  4. Изберете Преглед, за да видите промените в сайта на Power Pages.

Използване Visual Studio на код за уеб или Visual Studio работен плот за код

Потребителите могат да редактират, отстраняват грешки и преглеждат промените в редакциите на страниците с помощта на Visual Studio Code for the Web, без да е необходимо да използват външни инструменти. Visual Studio Code Desktop предоставя други разширени функции за редактиране на всички метаданни на сайта и интегриране с GitHub, рамки и процеси на непрекъсната интеграция / непрекъснато развитие (CI / CD).

Характеристика VS код за уеб VS код десктоп
Създаване на нови записи с метаданни за конфигурация на уеб сайт No Ограничено до уеб страници, шаблони за страници, уеб шаблони, фрагменти на съдържание и уеб файлове.
Директно редактиране на сайт Да No
Редактиране на метаданни на сайт Ограничено до редактиране на уеб страници, фрагменти от съдържание, основни формуляри, многостъпкови формуляри, списъци и уеб шаблони. Конфигуриране на всички метаданни на Power Pages
Преглед на сайт Планирано Планирано
Power Platform CLI поддръжка No Да
Усъвършенстван работен поток, обвързан с процесор и съхранение – поддръжка на ReactJS или друг базиран на рамка инструмент No Да
Интеграция на GitHub с възможности като регистрация на код, освобождаване, управление на конфликти и обединяване. No Да

Редактиране на код в приложението за управление на портали

Бележка

  • Използването Visual Studio на Code for the Web за редактиране на уеб сайтове не се поддържа в Government Community Cloud (GCC), Government Community Cloud (GCC High) и Department of Defense (DoD). Потребителите в тези региони могат да използват приложението за управление на портали, за да въвеждат своите промени.

Ако регионът не поддържа Visual Studio Code for the Web, избирането на иконата за редактор на код </> в командната лента ще отвори приложението за управление на портали.

Отидете до съответните записи на уеб страници, основни формуляри, многостъпкови формуляри, списъци или уеб шаблони, за да редактирате код.

Тип Местоположение на код
Уеб страница Изберете запис на уеб страница.
Изберете запис на съдържание на уеб страница от секцията Локализирано съдържание .
Копието на страницата може да се редактира в полето Копие (HTML) в раздела Общи .
Персонализиран JavaScript и Персонализиран CSS код могат да се редактират от раздела Разширени.
Основен формуляр Изберете записа на основния формуляр.
Редактирайте Персонализиран JavaScript в раздела Допълнителни настройки .
Многостъпков формуляр Изберете записа на многостъпковия формуляр.
Изберете стъпката на многостъпковия формуляр от раздела Стъпки на формуляр.
Редактирайте Персонализиран JavaScript в раздела Опции за формуляр .
Списък Изберете записа на списъка.
Редактирайте Персонализиран JavaScript в раздела Опции .
Уеб шаблон Изберете записа на уеб шаблона.
Редактирайте Източник в раздела Общи .

Запазете записа и прегледайте уеб сайта си, за да тествате кода си.

Вижте също