Kopīgot, izmantojot


Visual Studio Code paplašinājuma izmantošana

Visual Studio Kods ir viegls, jaudīgs pirmkoda redaktors operētājsistēmām Windows, macOS un Linux. Tas atbalsta JavaScript, TypeScript un Node.js, un tam ir bagātīga paplašinājumu ekosistēma citām valodām, piemēram, C++, C#, Java, Python, PHP un Go, kā arī izpildlaiki, piemēram, .NET un Unity. Uzziniet vairāk par Visual Studio kodu rakstā Darba sākšana ar VS kodu.

Visual Studio Code ļauj paplašināt savu iespēju, izmantojot paplašinājumus. Visual Studio Code paplašinājumi vispārējai pieredzei var pievienot papildu līdzekļus. Līdz ar šī līdzekļa izlaišanu tagad varat lietot Visual Studio Code paplašinājumu, lai strādātu ar portāliem Power Pages.

Visual Studio Code paplašinājums Power Pages

Power Platform Tools pievieno iespēju konfigurēt tīmekļa vietnes, izmantojot Visual Studio Code, un izmantot iebūvēto Liquid valodu IntelliSense, tādējādi iespējojot palīdzību koda pabeigšanai, palīdzībai un pielāgošanai, pielāgojot tīmekļa vietnes interfeisu, izmantojot Visual Studio Code. Ar Visual Studio Code paplašinājumu varat konfigurēt arī portālus, izmantojot portālu atbalstu Microsoft Power Platform CLI.

Piezīmes

  • Lai funkcijas darbotos, jums jāpārliecinās, ka node.js tiek lejupielādēta un instalēta tajā pašā darbstacijā, kurā Visual Studio ir kods Power Pages .
  • Pārliecinieties, vai ir instalēts tikai paplašinājums Power Platform Tools, nevis gan Power Platform Tools, gan Power Platform Tools [PREVIEW]. Papildinformāciju skatiet Zināmās problēmas.

Animācija, kurā izskaidrots, kā instalēt un iestatīt Power Platform Tools.

Priekšnoteikumi

Pirms Visual Studio Code paplašinājuma izmantošanas portāliem Power Pages:

Instalēt Visual Studio Code paplašinājumu

Pēc Visual Studio Code instalēšanas jums ir jāinstalē Power Platform Tools spraudņa Visual Studio Code paplašinājums.

Lai instalētu Visual Studio Code paplašinājumu:

  1. Atveriet Visual Studio Code.

  2. Kreisajā rūtī atlasiet Paplašinājumi.

    Visual Studio Code paplašinājums.

  3. Atlasiet Iestatījumu ikonu paplašinājumu rūts augšējā labajā stūrī.

  4. Meklējiet un atlasiet Power Platform Tools.

    Atlasiet Power Platform Tools.

  5. Atlasiet Instalēt.

  6. Pārbaudiet, vai paplašinājums ir veiksmīgi instalēts no statusa ziņojumiem.

Tīmekļa vietnes satura lejupielāde

Lai veiktu autentifikāciju ar Microsoft Dataverse vidi un lejupielādētu tīmekļa vietnes saturu, skatiet pamācību Microsoft Power Platform CLI portālu izmantošana ar Power Pages — tīmekļa vietnes satura lejupielāde.

Padoms

Power Platform Tools paplašinājums automātiski iespējo Microsoft Power Platform CLI komandu izmantošanu no Visual Studio Code, izmantojot Visual Studio integrēto termināli.

Failu ikonas

Visual Studio Code paplašinājums portāliem Power Pages automātiski identificē un parāda ikonas failiem un mapēm lejupielādēto tīmekļa vietņu saturā.

Failu saraksts sākuma veidnē ar konkrētu tīmekļa vietņu failu ikonas dizainu.

Visual Studio Code izmanto faila noklusējuma ikonas dizainu, kas nerāda noteiktas Power Pages ikonas. Lai skatītu failu ikonas, kas raksturīgas jūsu vietnēm, ir jāatjaunina Visual Studio koda instance, lai izmantotu Power Pages konkrēto faila ikonas dizainu.

Lai iespējotu konkrētu portālu faila ikonas dizainu:

  1. Atveriet Visual Studio Code.

  2. Ejiet uz Fails>Preferences>Dizains>Faila ikonas dizains

  3. Atlasiet PowerApps portālu ikonu dizainu.

    Ekrānuzņēmumā redzams, kā atlasīt dizainu Power Apps portālu ikonām.

Tiešais priekšskatījums

Visual Studio Code paplašinājums iespējo tiešsaistes priekšskatījuma opciju, lai izstrādes pieredzes laikā skatītu Power Pages lapu satura Visual Studio Code interfeisā.

Lai skatītu priekšskatījums, atlasiet Pogas priekšskatījums ekrānuzņēmums. no augšas pa labi, ja rediģēšanas režīms ir atvērts HTML fails.

Lapas ekrānuzņēmums priekšskatījums.

Priekšskatījuma rūts tiek atvērta rediģējamās lapas labajā malā.

Ekrānuzņēmums, kurā redzams failu saraksts, atvērts fails kodu redaktorā Visual Studio un priekšskatījums labajā pusē.

Priekšskatījuma līdzeklim nepieciešams, lai citi faili tiktu atvērti tajā pašā Visual Studio Code sesijā, kas priekšskatījumam veido HTML atzīmi. Piemēram, ja tikai HTML fails tiek atvērts, neatverot mapju struktūru, izmantojot Visual Studio kodu, tiek parādīts šāds ziņojums.

Ekrānuzņēmumā redzams, kā tiek palaista ieguldītā komanda: 'microsoft-powerapps-portals.preview-show' neizdevās.

Šādā gadījumā atveriet mapi, izmantojot Fails > Atvērt mapi, un pirms mēģināt priekšskatīt vēlreiz, atlasiet lejupielādēto tīmekļa vietnes satura mapi, kuru atvērt.

Automātiskā pabeigšana

Paplašinājumā Visual Studio Code esošā autokodēšanas iespēja norāda, ka pašreizējais konteksts tiek rediģēts, un attiecīgie autokodēšanas elementi, izmantojot IntelliSense.

Ekrānuzņēmums ar lapas veidnes ID automātiskās pabeigšanas piemēru.

Liquid atzīmes

Kad pielāgojot lejupielādēto saturu, izmantojot Visual Studio Code, tagad jūs varat lietot IntelliSense attiecībā uz Power Pages portālu Liquid atzīmēm.

Sāciet rakstīt, lai skatītu šķidruma tagu sarakstu. Atlasiet tagu, lai to pareizi formatētu, un turpiniet ievadīto informāciju.

Ekrānuzņēmums, kurā redzama fragments ar šķidruma taga pabeigšanas piemēru.

Liquid objekti

Ievadot {{ }}, varat skatīt Liquid objektu pabeigto kodu. Kad kursors atrodas starp iekavām, atlasiet <CTRL + space>, lai tiktu parādīts atlasāmo Liquid objektu saraksts. Ja objektam ir vairāk rekvizītu, varat ievadīt . un pēc tam vēlreiz atlasīt <CTRL + space>, lai redzētu Liquid objekta konkrētos rekvizītus.

Ekrānuzņēmumā redzams, kā tiek ievadīts objekts Šķidrums.

Veidņu atzīmes

Power Pages tīmekļa veidnes ieteikumus varat skatīt, novietojot kursoru {include ' '} paziņojumā un atlasot <CTRL> - space. Tiek parādīts esošo tīmekļa veidņu saraksts, ko varat atlasīt.

Veidnes tagu ekrānuzņēmums.

Vietņu objektu izveide, dzēšana un pārdēvēšana

Izmantojot Visual Studio Code, var izveidot, dzēst un pārdēvēt šos vietnes komponentus:

  • Tīmekļa lapas
  • Lapas veidnes
  • Tīmekļa veidnes
  • Satura fragmenti
  • Jauni līdzekļi (tīmekļa faili)

Operāciju izveide

Varat izmantot konteksta izvēlnes opcijas, lai izveidotu jaunus tīmekļa vietnes komponentus. Ar peles labo pogu noklikšķiniet uz kāda no atbalstītajiem objektiem, izvēlieties Power Pages un atlasiet tīmekļa vietnes objekta tipu, kuru vēlaties izveidot.

Vai arī varat izmantot Visual Studio Code komandu paleti, atlasot Ctrl + Shift + P.

Jauna objekta izveide.

Lai izveidotu objektu, jums jānorāda vairāk parametru.

Objekts Parameters
Tīmekļa lapas Nosaukums, lapas veidne, primārā lapa
Lapas veidnes Nosaukums, tīmekļa veidne
Tīmekļa veidnes Nosaukums/vārds
Satura fragmenti Nosaukums un informācija par to, vai fragments būs HTML vai teksts.
Jauni līdzekļi (tīmekļa faili) Nosaukums, primārā lapa un atlasiet augšupielādējamo failu.

Operāciju pārdēvēšana un dzēšana

Failu navigācijā varat lietot kontekstizvēlni, lai pārdēvētu vai dzēstu Power Pages komponentus.

Piezīmes

Izdzēstos objektus var atjaunot no darbvirsmas atkritnes.

Ierobežojumi

Attiecībā uz portāliem pašlaik Power Platform Tools tiek lietoti šādi ierobežojumi:

Power Pages Microsoft Power Platform atbalsts CLI (priekšskatījums)