Делите путем


Коришћење проширења за Visual Studio Code

Visual Studio Код је лаган, моћан уређивач изворног кода за Виндовс, мацОС и Линук. Подржава #глср_цихцдгјдз, ТyпеСцрипт и Ноде.јс и има богат екосистем екстензија за друге језике као што су Ц + +, Ц #, Јава, Пyтхон, ПХП и Го, и рунтиме као што су .НЕТ и Унитy. Сазнајте више о Visual Studio коду у Почетак рада са ВС Цоде-ом.

Visual Studio Code вам омогућава да проширите своје могућности кроз проширења. Проширења за Visual Studio Code могу да додају више функција укупном искуству. Са издањем ове функције, сада можете да користите Visual Studio Code проширење за рад са услугом Power Pages.

Visual Studio Code проширење за Power Pages

Power Platform Tools додаје могућност конфигурисања веб-локација помоћу услуге Visual Studio Code и користи уграђени Liquid језик IntelliSense који омогућава помоћ око довршавања кода, помоћи и наговештавања приликом прилагођавања интерфејса веб-локација помоћу услуге Visual Studio Code. Користећи проширење за Visual Studio Code, можете такође да конфигуришете портале путем услуге Microsoft Power Platform CLI.

Белешка

  • Морате осигурати да се ноде.јс преузме и инсталира на истој радној станици као и Visual Studio код да Power Pages би функције радиле.
  • Уверите се да је инсталирана само услуга Power Platform Tools, а не и Power Platform Tools и Power Platform Tools [ВЕРЗИЈА ЗА ПРЕГЛЕД]. Више детаља потражите у чланку о познатим проблемима.

Анимација која садржи објашњења о томе како да инсталирате и поставите Power Platform Tools.

Предуслови

Пре употребе проширења за Visual Studio Code за Power Pages, морате да урадите следеће:

Инсталирање Visual Studio Code проширења

Када инсталирате Visual Studio Code, треба да инсталирате проширење за додатну компоненту Power Platform Tools за Visual Studio Code.

Да бисте инсталирали проширење за Visual Studio Code:

  1. Отворите Visual Studio Code.

  2. Изаберите Проширења из левог окна.

    Проширење за Visual Studio Code.

  3. Изаберите икону Поставке у горњем десном углу окна за проширења.

  4. Потражите и изаберите Power Platform Tools.

    Изаберите Power Platform Tools.

  5. Изаберите Инсталирај.

  6. Проверите да ли је проширење успешно инсталирано из порука о статусу.

Преузмите садржај веб-локације

Да бисте потврдили идентитет за Microsoft Dataverse окружење и да бисте преузели садржај веб-локације, погледајте упутство Употреба услуге Microsoft Power Platform CLI у услузи Power Pages – преузимање садржаја веб-локације.

Савет

Проширење услуге Power Platform Tools аутоматски омогућава коришћење Microsoft Power Platform CLI команди из услуге Visual Studio Code преко Visual Studio интегрисаног терминала.

Иконе датотеке

Проширење услуге Visual Studio Code за Power Pages аутоматски идентификује и приказује иконе за датотеке и фасцикле унутар преузетог садржаја веб-локације.

Листа датотека на почетном предлошку са темом иконе датотеке специфичном за веб-локације.

Visual Studio Code користи подразумевану тему икона датотека која не приказује иконе специфичне за Power Pages. Да бисте видели иконе датотека специфичне за ваше веб странице, морате ажурирати инстанцу Visual Studio кода да бисте користили одређену тему иконе Power Pages датотеке.

Да бисте омогућили тему икона датотека специфичну за портале:

  1. Отворите Visual Studio Code.

  2. Идите на Датотека>Жељене поставке>Тема>Тема иконе датотеке

  3. Изаберите тему за Иконе PowerApps портала.

    Снимак екрана приказује одабир теме за  Power Apps  иконе портала.

Преглед у реалном времену

Проширење за Visual Studio Code омогућава опцију прегледа уживо за преглед странице садржаја услуге Power Pages унутар Visual Studio Code интерфејса током искуства развоја.

Да бисте видели < ДИЦТ__верзија за преглед > превиеw , изаберите Снимак екрана дугмета < ДИЦТ__верзија за преглед > превиеw</ДИЦТ__верзија за преглед >. из горњег десног углу када имате ХТМЛ датотеку отворену у < ДИЦТ__режим уређивања > едит моде.

Снимак екрана странице < ДИЦТ__верзија за преглед > превиеw</ДИЦТ__верзија за преглед >.

Окно за преглед отвара се на десној страни странице која се уређује.

Снимак екрана који приказује листу датотека, отворену датотеку у  Visual Studio  уреднику кода и < ДИЦТ__верзија за преглед > превиеw </ДИЦТ__верзија за преглед > на десној страни.

Функција прегледа захтева да су и остале датотеке отворене у истој Visual Studio Code сесији које чине HTML ознаке да би се преглед приказао. На пример, ако је отворена само ХТМЛ датотека без структуре фолдера отворене помоћу Visual Studio кода, појављује се следећа порука.

Снимак екрана приказује покретање команде која је допринела: 'мицрософт-повераппс-порталс.превиеw-схов' није успела.

Када се појави овај проблем, отворите фасциклу користећи Датотека> Отвори фасциклу и изаберите преузету фасциклу са садржајем веб-локације коју ћете отворити пре поновног покушаја прегледа.

Аутоматско довршавање

Функција аутоматског довршавања у проширењу за Visual Studio Code приказује тренутни контекст који се уређује и релевантне елементе аутоматског довршавања путем услуге IntelliSense.

Снимак екрана са примером аутокомплета за ИД шаблона странице.

Liquid ознаке

Приликом прилагођавања преузетог садржаја помоћу услуге Visual Studio Code, сада можете да користите IntelliSense за Power Pages Liquid ознаке.

Почните да куцате да бисте видели листу Ликуид ознака. Изаберите ознаку да бисте је правилно форматирали и наставите са уносом.

Снимак екрана исечак са примером завршетка Ликуид ознаке.

Liquid објекти

Довршавања кода Liquid објекта можете видети уношењем {{ }}. Када поставите курсор између заграда, изаберите <CTRL + space> да бисте приказали листу Liquid објеката које можете да изаберете. Ако објекат има више својстава, можете унети . а затим поново изабрати <CTRL + space> да бисте видели одређена својства Liquid објекта.

Снимак екрана приказује унос Ликуид објекат.

Ознаке предложака

Предлоге Power Pages веб-предложака можете видети тако што ћете поставити курсор у израз {include ' '} и изабрати <CTRL> - space. Листа постојећих веб шаблона се појављује за вас да изаберете.

Снимак екрана ознака шаблона.

Креирање, брисање и преименовање објеката веб-локације

Из услуге Visual Studio Code можете креирати, избрисати и преименовати следеће компоненте веб-локације:

  • Веб-странице
  • Предлошци странице
  • Веб-предлошци
  • Исечци садржаја
  • Нова средства (веб-датотеке)

Креирање операција

Можете користити опције контекстног менија за креирање нових компоненти веб сајта. Кликните десним тастером миша на један од подржаних објеката, изаберите Power Pages и изаберите тип објекта веб сајта који желите да креирате.

Друга могућност је да користите командну палету услуге Visual Studio Code тако што ћете изабрати Ctrl + Shift + P.

Креирајте нови објекат.

Потребно је да наведете више параметара да бисте креирали објекат.

Објекат Параметри
Веб-странице Назив, предложак странице, надређена страница
Предлошци странице Назив, веб-предложак
Веб-предлошци Назив
Исечци садржаја Назив, и ако ће исечак бити HTML или текст.
Нова средства (веб-датотеке) Назив, надређена страница и изаберите датотеку за отпремање.

Преименовање и брисање операција

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

Напомена

Избрисани објекти се могу вратити из корпе за отпатке на радној површини.

Ограничења

Следећа ограничења се тренутно примењују на Power Platform Tools за портале:

Power Pages подршка за Microsoft Power Platform ЦЛИ (< ДИЦТ__верзија за преглед > превиеw )