Posts

Showing posts from January, 2021

How to setup SharePoint Online Development Environment (Part 2)

Image
Following Part 1 article on setting up development workstation on Windows, this Part 2 article is for setting up the App Catalog and a Dev site on SharePoint Online, package the webpart, and install the webpart onto the site and page as follows: If you have not setup App Catalog, use the following steps to create an App Catalog site:   Navigate to https:// YourTenantPrefix -admin.sharepoint.com/_layouts/15/online/ManageAppCatalog.aspx       then select OK   Complete the followings as per your preference then select  OK       Create a development site collection:   Navigate to https:// YourTenantPrefix -admin.sharepoint.com/_layouts/15/online/AdminHome.aspx#/siteManagement/view/ALL%20SITES    then select +Create   Select Communication site     Select Blank and complete the followings then select Finish     Package solution for deployment to App Catalog site:   Type the following command on Visual Studio Code terminal to execute release build   gulp bundle --ship   Followed by the follo

How to setup SharePoint Online Development Environment (Part 1)

Image
Problem I need to develop SPFx web-part for SharePoint Online which require new development environment to be setup on my Windows 10 workstation.  Solution Refer to the steps on https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment or use the following summarised steps: Download and install the required (refer to the above link) version of NodeJS installer (i.e. on 24 Feb 2023 it was node-v16.19.1-x64 for Windows 64 bit) which can be downloaded from  https://nodejs.org/dist/latest-v16.x     Run Windows PowerShell or Command prompt and execute the following command to install all prerequisites   npm install gulp-cli yo @microsoft/generator-sharepoint --global and command to allow execution policy (for more info, read  Set-ExecutionPolicy documentation ): Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser Tips: use the following command to check latest version of generator-sharepoint and generator-sharepoint@next npm view @microsoft/g