Useful commands for spfx development using Node.js command prompt, Spfx commands Cheat sheet

These are few commands which are very useful when developing Spfx web part. It requires installation fo several components which includes jQuery, Bootstrap, Datatable, Gulp, PnP js, jquery UI, Yeoman etc.

Here is the list of useful commands for Sharepoint Framework.

Install jQuery

            Npm install jquery -save

            Npm install @types/jquery --save

Install bootstrap

            npm install bootstrap –save

            npm install @types/bootstrap –save

Install datatable

            npm install datatables.net –save

            npm install @types/datatables.net --save

Build the solution

            Gulp bundle

Create package of the solution

             Gulp package-solution

Run the solution

             Gulp serve

Open the solution in the code editor of your choice

            Code.

install Yeoman and gulp

            npm install -g yo gulp

install the SharePoint Framework Yeoman generator globally

            npm install -g @microsoft/generator-sharepoint

trust the certificate

            gulp trust-dev-cert

Install spfx controls react controls

            npm install @pnp/spfx-controls-react --save --save-exact

Install PnP components

npm install node-pnp-js –save

Install Jquryui

            npm install @types/jqueryui –save

To kill the node process that is running the live server with Gulp

              taskkill /f /im node.exe

To check the version of the Yeoman

            yo –version

To check the version of the Gulp

            gulp –v