cancel
Showing results for 
Search instead for 
Did you mean: 

How To configure Node.js and Typescript into your environment to develop PowerApps Component Frameworks (PCF)

Scenario: in this post we will see how configure Node.js and Typescript into your machine to develop your first custom component (PCF).

Solution:  installing TypeScript we install the TypeScript compiler tsc. The compiler is the main component you need to compile your TypeScript code into JavaScript that will be sent to the browser to execute:

 

1

 

Currently there is one main way to install TypeScript that works for all editors and environments by using Node Package Manager npm that runs through the command line. To install the TypeScript compiler package, you need the Node Package Manager.

Installation Steps:

2-1

 

Once downloaded, go through the steps to install Node.js

 

3

 

Once installation is complete, you have Node.js and npm ready on your machine. Check that by running npm version command in your command prompt:

 

1-1

 

Next open your command prompt and type npm install -g typescript to install Typescirpt:

 

2-2

 

TypeScript will install and the command line will prompt you that TypeScript has been successfully installed and will provide you with the installed version.

Once you have TypeScript compiler installed you can use the tsc command to access the compiler at any time. To see the list of the tsc commands and their usages, run the tsc command in your command line:

 

3-1

 

Hope it helps and happy 365Power’ing!

 

Meet Our Blog Authors
  • PowerApps Community Mentor 2018, Practicing surgeon and former Professor of Surgery, University of Illinois, Chicago.
  • I am the Owner/Principal Architect at Don't Pa..Panic Consulting. I've been working in the information technology industry for over 30 years, and have played key roles in several enterprise SharePoint architectural design review, Intranet deployment, application development, and migration projects. I've been a Microsoft Most Valuable Professional (MVP) 12 consecutive years and am also a Microsoft Certified SharePoint Masters (MCSM) since 2013.
  • Systems developer
  • My name is Timothy Shaw and I create digital solutions using the Power Platform, Office 365, and Azure SQL and handle the IT for a small company in the energy sector. When not building the future :), I enjoy playing guitar, good (or really bad!) sci-fi, Xbox therapy, and hanging with my wife and son. Twitter: @ShortForTim