SPFX components:
call npm uninstall -g chalk
call npm uninstall -g loadash
call npm uninstall -g tar-fs
call npm uninstall -g update-notifier
call npm uninstall -g yeoman-generator
call npm uninstall -g yosay
call npm uninstall -g yo
call npm uninstall -g gulp
call npm uninstall -g @microsoft/generator-sharepoint
call npm install -g chalk
call npm install -g loadash
call npm install -g tar-fs
call npm install -g update-notifier
call npm install -g yeoman-generator
call npm install -g yosay
call npm install -g yo
call npm install -g gulp
call npm install -g @microsoft/generator-sharepoint
c:/venu/Md spfx
c:/venu/cd spfx
c:/spfx
yo @microsoft/sharepoint
npm shrinkwrap
Done..
Next
gulp trust-dev-cert
gulp serve
Code .
npm install jquery --save
npm install @types/jquery --save
How to add jqurey external on config.json?
This creates files under temp/deploy – which need to be copied to the Assets folder of your site
- gulp build
- gulp -ship
Running the below commands creates sppkg in your target path.
- gulp bundle --ship
- gulp package-solution --ship
- clean cache with
npm cache clean --force - install the latest version of npm globally as admin:
npm install -g npm@latest --force - clean cache with
npm cache clean --force - Try to install your component once again.>
Developer certificate has to be installed ONLY once in your development environment, so you can skip this step, if you have already executed that in your environment.
gulp trust-dev-cert
Now that we have installed the developer certificate, enter the following command in the console to build and preview your web part:
gulp serve
First Should Know Concepts of SPFX
- How to Set up your SharePoint Framework development environment
We can use any code editor -- i.e Visual studio code
Yeoman helps you kick-start new projects'
Yeoman generator for creating new web parts
The generator provides 1. common build tools, 2. common boilerplate code.
Yeoman SharePoint web part generator helps you quickly create a SharePoint client-side solution project.
install the SharePoint Framework Yeoman generator globally
Client-side web parts are client-side components that run inside the context of a SharePoint page
- How to setup-node-behind-web-proxy
npm config set proxy http://proxy.company.com:8080
npm config set https-proxy http://proxy.company.com:8080
npm config set https-proxy http://proxy.company.com:8080