Уређивање кода помоћу алатке 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 кода.
  • Ова функција није доступна у владиној заједници (ГЦЦ), владиној заједници ( GCC High) и Министарству одбране (ДоД). Корисници у тим регионима ће користити апликацију Управљање порталима за уређивање кода. Више информација потражите у чланку Уређивање кода у апликацији Управљање порталима.

Уређивање кода доступно у студију за дизајнирање

Можете почети да уређујете код вашег сајта користећи Visual Studio Код за Веб са почетне Power Pages странице тако што ћете изабрати опцију Измени код сајта из падајућег менија Уреди .

Такође можете да измените код у дизајнерском студију из следећих области:

• Измените код веб странице из радног простора страница
• Код шаблона заглавља из радног простора страница
• Измените прилагођени CSS код из Стилинг радног простора
• Уређивање прилагођеног JavaScript кода за обрасце са више корака
• Уређивање прилагођеног JavaScript кода за основне обрасце
• Уређивање прилагођеног JavaScript кода за листе
• Уређивање исечака садржаја
• Уређивање веб-предложака
• Приказивање и преузимање медијских веб-датотека (слика)
• Уређивање веб-датотека заснованих на тексту (CSS, JavaScript, остало)

Погледајмо како да уредимо кôд користећи ове области.

Уређивање кода веб-странице из радног простора страница

Када отворите Power Pages студио за дизајнирање, видећете опцију Уређивање кода у менију Странице ¹ и у горњем десном углу екрана².

Кôд предлошка заглавља из радног простора страница

Изаберите ставку Уреди заглавље локације, а затим изаберите ставку Уреди кôд да бисте отворили уређивач кода.

Уређивање прилагођеног CSS кода из радног простора за примену стила

Идите у радни простор за примену стила и изаберите мени Уређуј кôд за расположиви прилагођени CSS да бисте отворили уређивач кода.

Обавештење о неусаглашености обједињавања

Ако сарађујете са другим програмерима, може доћи до ситуација када ћете радити на истом изворном коду. У случају да покушате да сачувате промене у застарелој датотеци, добићете обавештење да упоредите или замените промене.

Поређење кода ће приказати тренутни кôд заједно са вашим кодом и омогућити вам да се вратите на постојеће промене, прихватите сваку промену појединачно или користите промене и замените постојећи садржај.

Моћи ћете да прегледате најновији садржај и обједините или замените кôд или одбаците промене.

Упутство: Уређивање кода локације помоћу алатке Visual Studio Code за веб

У овом упутству пролазите кроз уређивање кода локације користећи Visual Studio Code за веб.

Корак КСНУМКС: Измените код сајта користећи Visual Studio код за Веб

1. Отворите локацију у Power Pages студију за дизајнирање

2. У горњем десном углу, изаберите Уреди кôд

   

3. Изаберите Отвори Visual Studio Code из дијалога за потврду.

4. Пријавите се у Visual Studio Code користећи акредитиве окружења.

5. Сачекајте покретање веб-проширења Power Platform Tools и да се кôд веб-странице учита у лево окно.

2. корак: Ажурирање садржаја и кода

1. Истраживач на левој страни екрана учитава одговарајуће метаподатке конфигурације веб-локације који се могу уређивати помоћу алатке Visual Code за веб.

   

2. Промените одговарајуће датотеке метаподатака и притисните пречицу Ctrl+S да бисте сачували промене.

3. Идите у студио за дизајнирање и изаберите ставку Синхронизуј да бисте повукли све исправке у тренутној сесији студија за дизајнирање.

   

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

Коришћење Visual Studio кода за Веб или Visual Studio Цоде Десктоп

Корисници могу да уређују, отклањају грешке и прегледају промене у уређивању страница користећи Visual Studio Code за веб без потребе да користе спољне алатке. Visual Studio Цоде Десктоп пружа и друге напредне функције за уређивање свих метаподатака сајта и интеграцију са ГитХуб-ом, оквирима и процесима континуиране интеграције / континуираног развоја (ЦИ / ЦД).

Функција	ВС код за Веб	ВС код Десктоп
Креирање нових записа метаподатака конфигурације веб-локације	No	Ограничено на веб-странице, предлошке страница, веб-предлошке, исечке садржаја и веб-датотеке.
Директно уређивање локације	Да	No
Уређивање метаподатака локације	Ограничено на уређивање веб-страница, исечака садржаја, основних образаца, образаца са више корака, листи и веб-предложака.	Конфигурације свих Power Pages метаподатака
Преглед локације	Планирано	Планирано
Power Platform ЦЛИ подршка	No	Да
Напредни ток посла за повезивање процесора и складишта – ReactJS или друга подршка за алатке за израду радног оквира	No	Да
GitHub интеграција са могућностима као што су пријављивање кода, одјављивање, управљање неусаглашеностима и обједињавање.	No	Да

Уређивање кода у апликацији Управљање порталима

Напомена

• Коришћење Visual Studio кода за веб за уређивање веб страница није подржано у владином облаку заједнице (ГЦЦ), владином облаку заједнице ( GCC High) и Министарству одбране (ДоД). Корисници у овим регионима могу да користе апликацију Управљање порталима да би уносили промене.

Ако регион не подржава Visual Studio Code за веб, избором иконе уређивача кода </> на командној траци отвориће се апликација Управљање порталима.

Идите до одговарајућих записа веб-страница, основних образаца, образаца са више корака, листи или веб-предложака да бисте уредили кôд.

Тип	Локација кода
Веб-страница	Изаберите запис веб-странице. Изаберите запис садржаја веб странице из одељка Локализовани садржај . Копија странице се може уређивати у Копирај (ХТМЛ) поље на картици Опште . Прилагођени ЈаваСцрипт и прилагођени CSS код могу се уређивати на картици Напредно .
Основни образац	Изаберите основни запис обрасца. Уредите Прилагођени JavaScript на картици Додатне поставке.
Образац са више корака	Изаберите запис обрасца са више корака. Изаберите корак обрасца са више корака са картице Кораци обрасца. Уредите прилагођени JavaScript на картици Опције обрасца.
Листа	Изаберите запис листе. Уредите Прилагођени JavaScript на картици Опције.
Веб-предложак	Изаберите запис веб-предлошка. Уредите Извор на картици Опште поставке.

Сачувајте запис и прегледајте веб-локацију да бисте тестирали кôд.

Погледајте и

• Користите Visual Studio код и Microsoft Power Platform ЦЛИ