Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>PCF BuilderNew to Visual Studio Code? Get it now.

PCF Builder

Danish Naglekar

|
749 installs
| (4) | Free
Helps with initializing, building and testing Power Apps Component Framework components
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Build Visual Studio Marketplace Downloads Visual Studio Marketplace Version GitHub stars License Gitter

Sponsor

Twitter Follow

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.

Usage

View list of commands via Ctrl+Shift+P and type PCF Builder

Requirements

You need to have the following prerequisites on your machine:

  1. npm
  2. PCF CLI
  3. PCF Generator

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

Features

Commands

  1. Initialize PCF control

    Init-IDE

  2. Build & Test PCF control

    Build-IDE

  3. Manage Authentication Profiles

    Auth-Profiles-IDE

  4. Update PCF CLI

    Update-CLI-IDE

  5. Quick Deploy using PCF Push

    PCF-Push-IDE

  6. Advanced Mode and Adding Resx file

    PCF-Force

Intellisense

Manifest file

Invoke it by pressing Ctrl + Space

ManifestFile-Intellisense

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

Found a bug? or have a feature request? - Create a pull request or an issue on GitHub

License

This software is released under MIT License

Release Notes

1.1.0

  • Features

    • Ability to skip creation of CDS solution project
    • PCF Control and CDS Solution details are stored on a workspace for simplified usage
    • Initialize command allows simple and advance methods
    • New commands added
      • GitHub actions for automated deployment
      • Auto-generate ReadMe file based on ControlManifest details
  • Other Notes

    • Code refactoring and cleanup

1.0.5

  • Features

    • Force mode added to kickstart your complete PCF & CDS projects
    • Ability to add additional RESX files using context menu
    • Keyboard shortcuts added to important menthods
  • Other Notes

    • Files re-ordered and code refactored

1.0.4

  • Features
    • Intellisense available for Manifest file

1.0.3

  • Features

    • Added optional step that allows you to pick additional libraries to be installed during the initialization process.
      • Options to pick:
        1. React
        2. React + Fluent UI
        3. None (or press escape)
  • Bugs Fixed

    • Command "Show Current Authentication Profile" was throwing error.
    • Opening of mutiple terminals on different commands is resolved.
  • Other Notes

    • Refactored code for better usability

1.0.2

  • Initial release of PCF Builder
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2019 Microsoft