From 560dc0f4dbfb35c8fcd713c8ed30d2c5c9540761 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Adam=20W=C3=B3jcik?= Date: Wed, 11 Dec 2024 20:44:01 +0100 Subject: [PATCH] Updates walkthrough --- assets/walkthrough/actions.md | 8 ++++++-- assets/walkthrough/create-new-project.md | 6 +----- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/assets/walkthrough/actions.md b/assets/walkthrough/actions.md index 5a41874..50c4468 100644 --- a/assets/walkthrough/actions.md +++ b/assets/walkthrough/actions.md @@ -20,13 +20,17 @@ And for Azure DevOps👇 [Check out our docs for more details](https://github.com/pnp/vscode-viva/wiki/5.5-Actions#cicd-github-workflow) -- **Upgrade project** - Uses CLI for Microsoft 365 to create a .md report with upgrade guidance to the latest supported SPFx version by the extension. +- **Upgrade project** - Uses CLI for Microsoft 365 to create a .md and/or code tour report with upgrade guidance to the latest supported SPFx version by the extension. The upgrade guidance provides optional as well as required steps a user needs to take manually in order to upgrade the project. At the end of the guidance file, the user may find a summary of the steps in a single script and a couple of manual steps that need to be taken. ![Upgrade project](../images/upgrade-project.png) +And the code tour guidance will provide you upgrade tips directly in your code! + +![Upgrade project](./assets/images/upgrade-project-code-tour.png) + [Check out our docs for more details](https://github.com/pnp/vscode-viva/wiki/5.5-Actions#upgrade-project) -- **Validate project** - Creates a validation .md report against the currently used SPFx version in the project. The action will automatically detect the SPFx version used and will validate if the project is properly set up. +- **Validate project** - Creates a validation .md report and/or code tour validation guidance for the currently open SPFx project. The action will automatically detect the SPFx version used and will validate if the project is properly set up. ![Upgrade project](../images/validate-project.png) diff --git a/assets/walkthrough/create-new-project.md b/assets/walkthrough/create-new-project.md index 756bb6c..8d8a05e 100644 --- a/assets/walkthrough/create-new-project.md +++ b/assets/walkthrough/create-new-project.md @@ -4,10 +4,6 @@ Creating a new project was never easier. Just use the **create a new project** a ![Create new project](../images/scaffolding.png) -Check it out in action 👇. - -![Create new project](../images/scaffolding-form.gif) - It's possible to scaffold any kind of SPFx project including web parts, extensions, library components, and adaptive card extensions. ![All SPFx project support](../images/scaffolding-support.png) @@ -17,7 +13,7 @@ It's possible to scaffold any kind of SPFx project including web parts, extensio - **Library components** are reusable code elements that can be shared across all the components in the tenant. - **Adaptive Card Extensions (ACEs)** allow you to build rich, native extensions for Viva Connections Dashboards and SharePoint Pages. -Install additional dependencies with a single click straight from the scaffolding form. Currently we support installing [PnP reusable property pane controls](https://pnp.github.io/sp-dev-fx-property-controls/), [PnP reusable React controls](https://pnp.github.io/sp-dev-fx-controls-react/), and [PnPjs](https://pnp.github.io/pnpjs/). +Install additional dependencies with a single click straight from the scaffolding form. Currently we support installing [PnP reusable property pane controls](https://pnp.github.io/sp-dev-fx-property-controls/), [PnP reusable React controls](https://pnp.github.io/sp-dev-fx-controls-react/), [PnPjs](https://pnp.github.io/pnpjs/). Add and preconfigure [SPFx Fast Serve](https://github.com/s-KaiNet/spfx-fast-serve) and add a Node Version Manager configuration file either for NVM or NVS. ![Additional dependency step](../images/scaffolding-additional-step.png)