Skip to content

Commit

Permalink
Updates walkthrough
Browse files Browse the repository at this point in the history
  • Loading branch information
Adam-it committed Dec 11, 2024
1 parent 9fe4e12 commit 560dc0f
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 7 deletions.
8 changes: 6 additions & 2 deletions assets/walkthrough/actions.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)

Expand Down
6 changes: 1 addition & 5 deletions assets/walkthrough/create-new-project.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand All @@ -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)

Expand Down

0 comments on commit 560dc0f

Please sign in to comment.