PCF Builder
Build your Power Apps Component Framework custom controls faster. No need to rememeber the PCF CLI commands. All commands provided in one selection list for you to execute.
Table of contents
Usage
View list of commands via Ctrl+Shift+P and type PCF Builder
Requirements
You need to have the following prerequisites on your machine:
List of all available commands
| Command | Description |
|---|---|
| Initialize Component (Simple) | Creates PCF project with basic folder structure. Less questions asked. |
| Initialize Component (Advanced) | Creates PCF project with recommended folder structure. |
| Build Component | Builds the code component. |
| Test Component with Watch | Launches Test Harness with ability to code while testing. |
| Test Component with No Watch | Launches Test Harness but does not re-renderwhen code changes. |
| Preview Component | Loads the Test Harness inside VS Code with full functionality (except does not do live watch) |
| Update PCF CLI | Upgrades PCF CLI on the current machine. |
| Create Authentication Profile | Creates a new profile by authenticating with a particular CDS environment. |
| List Authentication Profile | Shows list pf profiles that are authenticated with CDS environments for current machine. |
| Delete Authentication Profile | Deletes a specific profile from the current machine. |
| Switch Authentication Profile | Changes the default profile connected to CDS environment. |
| Show Current Authentication Profile | List the currently selected profile connected to CDS environment. |
| Quick PCF Push | Pushes the code component to CDS environment based on currently selected profile. |
| Add new RESX File | Creates a new localization file under strings folder and adds a reference in ControlManifest file. |
| Add GitHub Action | Creates a .yml file that will build and create CDS solution package under Releases on GitHub. |
| Generate ReadMe file | Creates a preety ReadMe file by parsing the ControlManifst file. |
| Open Developer Tool | Open dev tools inside VS Code that lets you tinker the code component like you do in browser. |
Features
Commands
-
Initialize PCF control
-
Build & Test PCF control
-
Preview PCF control
-
Manage Authentication Profiles
-
Update PCF CLI
-
Quick Deploy using PCF Push
-
Advanced Mode and Adding Resx file
Intellisense
Manifest file
Invoke it by pressing Ctrl + Space
Play Mode
Keyboard Shortcuts
| Command | Keyboard Shortcut |
|---|---|
| Initialize PCF project | Ctrl + P, Ctrl + I |
| Build PCF project | Ctrl + P, Ctrl + B |
| Test with watch | Ctrl + P, Ctrl + T |
| Preview component | Ctrl + P, F5 |
| Update PCF CLI | Ctrl + P, Ctrl + U |
| PCF Quick Push | Ctrl + P, Ctrl + Q |
| Invoke Force Mode | Ctrl + P, Ctrl + F |
| Add additional RESX file | Ctrl + P, Ctrl + R |
Contributing & Discussions
Found a bug? or have a feature request? - Create a pull request or an issue on GitHub If you want to have any discussions on any feature, please use the Discussion Board
License
This software is released under MIT License
Release Notes
Latest release contains following items:
1.1.2
- Features
- Added a new command "Preview Component" that will show Test Harness inside of VS Code
- New toolbar added that lets you play the preview command from any document along with ability to open DevTools
Previous release notes are documented here.