Уређивање кода помоћу алатке Visual Studio Code за веб (верзија за преглед)
[Ово тема је прелиминарна документација и подложна је променама.]
Из студија за дизајнирање можете да уређујете кôд локације користећи Visual Studio Code за веб. Ова функција вам омогућава да уређујете статички садржај, HTML, CSS, Liquid и JavaScript за следеће метаподатке веб-локације:
| Метаподаци | Садржај |
|---|---|
| Напредни обрасци (обрасци са више корака) | JavaScript |
| Основни обрасци | JavaScript |
| Исечци садржаја | Сав подржани садржај исечака садржаја |
| Листе | JavaScript |
| Веб-датотеке | Прикажите и преузмите медијске датотеке. Уређујте текстуалне датотеке (кôд). |
| Веб-странице | Сав подржани садржај (по језику), JavaScript и CSS |
| Веб-предлошци | Сав подржани садржај |
Напомена
Нећете моћи да креирате записе метаподатака, већ само да додајете и уређујете садржај, кôд и прилоге датотека за приказ/преузимање.
Visual Studio Code за веб обезбеђује бесплатан Microsoft Visual Studio Code доживљај без инсталације који ради у потпуности у прегледачу, што вам омогућава да прегледате кôд локације и извршите лагане промене кода брзо и безбедно. Још информација: Visual Studio code за искуство на вебу.
Важно
- Ово је функција прегледа.
- Функције прегледа нису намењене за коришћење у производњи и могу да имају ограничене функционалности. Ове функције су доступне пре званичног објављивања како би клијенти могли раније да им приступе и пруже повратне информације.
Напомена
- Први пут када се Visual Studio Code за веб учита, то може потрајати неко време, јер ће инсталирати потребна проширења за ову функцију.
- Операције креирања, брисања и преименовања датотека нису подржане.
- Ова функција користи веб-проширење Power Platform Tools. Веб-проширења су ограничена sandbox окружењем за прегледач и зато имају ограничења у поређењу са нормалним проширењима.
- Power PlatformCLI није подржан.
- Функције веб-проширења Power Platform Tools су ограничене на искуство уређивања Power Pages кода.
- Ова функција није доступна у програмима Говернмент Цоммунитy Цлоуд (ГЦЦ), Говернмент Цоммунитy Цлоуд ( GCC High) и Министарству одбране (ДоД). Корисници у тим регионима ће користити апликацију Управљање порталима за уређивање кода. Више информација потражите у чланку Уређивање кода у апликацији Управљање порталима.
Уређивање кода доступно у студију за дизајнирање
Можете да почнете да уређујете кôд локације Visual Studio користећи кôд за Wеб са Power Pages матичне странице тако што ћете у падајућем менију "Уређивање" изабрати опцију "Уреди кôд локације".
Кôд можете уређивати и у дизајнерском студију из следећих области:
- Уређивање кода веб-странице из радног простора страница
- Кôд предлошка заглавља из радног простора страница
- Уређивање прилагођеног CSS кода из радног простора за примену стила
- Уређивање прилагођеног JavaScript кода за обрасце са више корака
- Уређивање прилагођеног JavaScript кода за основне обрасце
- Уређивање прилагођеног JavaScript кода за листе
- Уређивање исечака садржаја
- Уређивање веб-предложака
- Приказивање и преузимање медијских веб-датотека (слика)
- Уређивање веб-датотека заснованих на тексту (CSS, JavaScript, остало)
Погледајмо како да уредимо кôд користећи ове области.
Уређивање кода веб-странице из радног простора страница
Када отворите Power Pages студио за дизајнирање, видећете опцију Уређивање кода у менију Странице 1 и у горњем десном углу екрана2.
Кôд предлошка заглавља из радног простора страница
Изаберите ставку Уреди заглавље локације, а затим изаберите ставку Уреди кôд да бисте отворили уређивач кода.
Уређивање прилагођеног CSS кода из радног простора за примену стила
Идите у радни простор за примену стила и изаберите мени Уређуј кôд за расположиви прилагођени CSS да бисте отворили уређивач кода.
Обавештење о неусаглашености обједињавања
Ако сарађујете са другим програмерима, може доћи до ситуација када ћете радити на истом изворном коду. У случају да покушате да сачувате промене у застарелој датотеци, добићете обавештење да упоредите или замените промене.
Поређење кода ће приказати тренутни кôд заједно са вашим кодом и омогућити вам да се вратите на постојеће промене, прихватите сваку промену појединачно или користите промене и замените постојећи садржај.
Моћи ћете да прегледате најновији садржај и обједините или замените кôд или одбаците промене.
Упутство: Уређивање кода локације помоћу алатке Visual Studio Code за веб
У овом упутству пролазите кроз уређивање кода локације користећи Visual Studio Code за веб.
корак 1: Уређивање кода локације помоћу Visual Studio Кôд за Wеб
Отворите локацију у Power Pages студију за дизајнирање
У горњем десном углу, изаберите Уреди кôд
Изаберите Отвори Visual Studio Code из дијалога за потврду.
Пријавите се у Visual Studio Code користећи акредитиве окружења.
Сачекајте покретање веб-проширења Power Platform Tools и да се кôд веб-странице учита у лево окно.
2. корак: Ажурирање садржаја и кода
Истраживач на левој страни екрана учитава одговарајуће метаподатке конфигурације веб-локације који се могу уређивати помоћу алатке Visual Code за веб.
Промените одговарајуће датотеке метаподатака и притисните пречицу Ctrl+S да бисте сачували промене.
Идите у студио за дизајнирање и изаберите ставку Синхронизуј да бисте повукли све исправке у тренутној сесији студија за дизајнирање.
Изаберите Преглед да бисте видели промене ма Power Pages локацији.
Коришћење кода Visual Studio за Wеб или кôд радне Visual Studio површине
Корисници могу да уређују, отклањају грешке и прегледају промене у уређивању страница користећи Visual Studio Code за веб без потребе да користе спољне алатке. Visual Studio Радна површина кода обезбеђује друге напредне функције за уређивање свих метаподатака локације и интегрисање са ГитХуб, фрамеwоркс и процесима континуиране интеграције/континуираног развоја (ЦИ/ЦД).
| Функција | ВС кôд за Wеб | ВС радна површина кода |
|---|---|---|
| Креирање нових записа метаподатака конфигурације веб-локације | No | Ограничено на веб-странице, предлошке страница, веб-предлошке, исечке садржаја и веб-датотеке. |
| Директно уређивање локације | Да | No |
| Уређивање метаподатака локације | Ограничено на уређивање веб-страница, исечака садржаја, основних образаца, образаца са више корака, листи и веб-предложака. | Конфигурације свих Power Pages метаподатака |
| Преглед локације | Планирано | Планирано |
| Power Platform CLI подршка | No | Да |
| Напредни ток посла за повезивање процесора и складишта – ReactJS или друга подршка за алатке за израду радног оквира | No | Да |
| GitHub интеграција са могућностима као што су пријављивање кода, одјављивање, управљање неусаглашеностима и обједињавање. | No | Да |
Уређивање кода у апликацији Управљање порталима
Напомена
- Коришћење Visual Studio кода за Wеб за уређивање Веб локација није подржано у Облаку заједнице Владе (ГЦЦ), Облаку заједнице владе ( GCC High) и Министарству одбране (ДоД). Корисници у овим регионима могу да користе апликацију Управљање порталима да би уносили промене.
Ако регион не подржава Visual Studio Code за веб, избором иконе уређивача кода </> на командној траци отвориће се апликација Управљање порталима.
Идите до одговарајућих записа веб-страница, основних образаца, образаца са више корака, листи или веб-предложака да бисте уредили кôд.
| Тип | Локација кода |
|---|---|
| Веб-страница | Изаберите запис веб-странице.
Изаберите запис садржаја веб-странице из одељка Локализовани садржај. Копија странице се може уређивати у пољу Копија (HTML) на картици Опште поставке. Прилагођени JavaScript и Прилагођени CSS кôд могу да се уређују са картице Више опција. |
| Основни образац | Изаберите основни запис обрасца. Уредите Прилагођени JavaScript на картици Додатне поставке. |
| Образац са више корака | Изаберите запис обрасца са више корака. Изаберите корак обрасца са више корака са картице Кораци обрасца. Уредите прилагођени JavaScript на картици Опције обрасца. |
| Листа | Изаберите запис листе. Уредите Прилагођени JavaScript на картици Опције. |
| Веб-предложак | Изаберите запис веб-предлошка. Уредите Извор на картици Опште поставке. |
Сачувајте запис и прегледајте веб-локацију да бисте тестирали кôд.