Kusi's Knowledge Base

PowerApps Component Framework

Learning

PCF Learning Roeadmap

PCF Implementing Controls

PCF Gallery

Prerequisits

Install Visual Studio Code

Download and Install the Setup from Github.

Install the latest NodeJS

nvm list available
nvm install 20.17.0
nvm use 20.17.0

Install PowerShell 7.x

Start Visual Studio Code and install Extension: Power Platform Tools

Create Project

Available Templates: field oder dataset

Open Terminal in Visual Studio Code

Long Form:

pac pcf init --namespace SampleNamespace --name LinearInputControl --template field --run-npm-install --framework react

Short Form:

pac pcf init -ns SampleNamespace -n CanvasGrid -t dataset -npm -fw react

Add usefull packages

npm install office-ui-fabric-react
npm install --save react-copy-to-clipboard @types/react-copy-to-clipboard

Debug

npm start watch

Build

npm run build -- --buildMode production