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.

Priekšnoteikumi

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

• Lejupielādējiet, instalējiet un konfigurējiet Visual Studio Code. Papildinformācija: Lejupielādējiet Visual Studio Code

• Konfigurējiet savu vidi un sistēmu Power Pages CI/CD atbalstam, izmantojot CLI. Papildinformācija: Microsoft Power Platform CLI (pārskats)

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.

   

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

4. Meklējiet un 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.

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ā.

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.

   

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 no augšas pa labi, ja rediģēšanas režīms ir atvērts HTML fails.

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

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.

Šā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.

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.

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.

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.

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.

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

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.

Ierobežojumi

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

• Automātiskās pabeigšanas līdzekļi atbalsta tikai ierobežotu funkcionalitāti.
• Live priekšskatījums neatbalsta pielāgotus dizainus vai šķidrus objektus.

Saistītā informācija

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