Коришћење проширења за Visual Studio Code
Visual Studio Code је лаган, али моћан уређивач изворног кода који се покреће на вашој радној површини и доступан је за Windows, macOS и Linux. Долази са уграђеном подршком за JavaScript, TypeScript и Node.js и има богат екосистем проширења за друге језике (као што су C++, C#, Java, Python, PHP и Go) и извршне компоненте (попут .NET и Unity). За више информација, погледајте Почетни кораци уз VS Code.
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.
Напомена
- Мораћете да се уверите да је датотека node.js преузета и инсталирана на истој радној станици као и Visual Studio Code да би Power Pages функције радиле.
- Уверите се да је инсталирана само услуга Power Platform Tools, а не и Power Platform Tools и Power Platform Tools [ВЕРЗИЈА ЗА ПРЕГЛЕД]. Више детаља потражите у чланку о познатим проблемима.
Предуслови
Пре употребе проширења за Visual Studio Code за Power Pages, морате да урадите следеће:
Преузмите, инсталирајте и конфигуришите Visual Studio Code. Још информација: Преузимање услуге Visual Studio Code
Конфигуришите своје окружење и систем за CI/CD подршку за Power Pages користећи CLI. Још информација: Преглед услуге Microsoft Power Platform CLI (верзија за преглед)
Инсталирање Visual Studio Code проширења
Када инсталирате Visual Studio Code, треба да инсталирате проширење за додатну компоненту Power Platform Tools за Visual Studio Code.
Да бисте инсталирали проширење за Visual Studio Code:
Отворите Visual Studio Code.
Изаберите Проширења из левог окна.
Изаберите икону Поставке у горњем десном углу окна за проширења.
Потражите и изаберите Power Platform Tools.
Изаберите Инсталирај.
Проверите да ли је проширење успешно инсталирано из порука о статусу.
Преузмите садржај веб-локације
Да бисте потврдили идентитет за 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 Code инстанцу да бисте користили тему икона датотека специфичне за Power Pages.
Да бисте омогућили тему икона датотека специфичну за портале:
Отворите Visual Studio Code.
Идите на Датотека>Жељене поставке>Тема>Тема иконе датотеке
Изаберите тему за Иконе PowerApps портала.
Преглед у реалном времену
Проширење за Visual Studio Code омогућава опцију прегледа уживо за преглед странице садржаја услуге Power Pages унутар Visual Studio Code интерфејса током искуства развоја.
Да бисте видели преглед, изаберите 
у горњем десном углу када је HTML датотека отворена у режиму уређивања.
Окно за преглед отвара се на десној страни странице која се уређује.
Функција прегледа захтева да су и остале датотеке отворене у истој Visual Studio Code сесији које чине HTML ознаке да би се преглед приказао. На пример, ако се отвори само HTML датотека, а структура фасцикле се не отвори помоћу услуге Visual Studio Code, видећете следећу поруку.
Када се појави овај проблем, отворите фасциклу користећи Датотека> Отвори фасциклу и изаберите преузету фасциклу са садржајем веб-локације коју ћете отворити пре поновног покушаја прегледа.
Аутоматско довршавање
Функција аутоматског довршавања у проширењу за Visual Studio Code приказује тренутни контекст који се уређује и релевантне елементе аутоматског довршавања путем услуге IntelliSense.
Liquid ознаке
Приликом прилагођавања преузетог садржаја помоћу услуге Visual Studio Code, сада можете да користите IntelliSense за Power Pages Liquid ознаке.
Почните тако што ћете откуцати и појавиће се листа 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 за портале:
- Функције аутоматског довршавања подржавају само ограничену функционалност.
- Преглед уживо не подржава прилагођене теме или Liquid објекте.
Погледајте и
Power Pages подршка за Microsoft Power Platform CLI (верзија за преглед)