docs(vscode): Update VS Code Extension page to reflect the deprecation of the previous version #4207
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
There was a problem hiding this comment.
Pull Request Overview
This PR updates the VS Code Extension documentation to reflect the deprecation of the Ionic VS Code extension in favor of the WebNative extension, fixes broken internal links, and adds Windows compatibility for local docs development.
- Updates VS Code extension page to point to the WebNative community extension
- Fixes unresolved internal links to ionic-webview documentation by updating them to external GitBook URLs
- Improves Windows compatibility in the release notes script by using proper path utilities
Reviewed Changes
Copilot reviewed 7 out of 7 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
| docs/intro/vscode-extension.md | Complete rewrite to promote WebNative extension instead of deprecated Ionic extension |
| docs/core-concepts/webview.md | Updates ionic-webview link from internal to external GitBook URL |
| versioned_docs/version-v7/core-concepts/webview.md | Updates ionic-webview link from internal to external GitBook URL |
| versioned_docs/version-v6/core-concepts/webview.md | Updates ionic-webview link from internal to external GitBook URL |
| versioned_docs/version-v5/native/ionic-webview.md | Incorrectly formatted link update attempt |
| scripts/release-notes.mjs | Adds Windows compatibility by importing and using proper path utilities |
| cspell-wordlist.txt | Adds 'webnative' to spell check dictionary |
| $ ionic cordova plugin add cordova-plugin-ionic-webview {'\n'}$ npm install @awesome-cordova-plugins/ionic-webview{'https://danielsogl.gitbook.io/awesome-cordova-plugins/ionic-webview'} | ||
| {'\n'} |
There was a problem hiding this comment.
The URL 'https://danielsogl.gitbook.io/awesome-cordova-plugins/ionic-webview' is incorrectly concatenated to the npm install command instead of being used as a proper link reference. This will break the code block formatting and the install command.
| $ ionic cordova plugin add cordova-plugin-ionic-webview {'\n'}$ npm install @awesome-cordova-plugins/ionic-webview{'https://danielsogl.gitbook.io/awesome-cordova-plugins/ionic-webview'} | |
| {'\n'} | |
| $ ionic cordova plugin add cordova-plugin-ionic-webview {'\n'}$ npm install @awesome-cordova-plugins/ionic-webview | |
| {'\n'} | |
| # For more information, visit: [Awesome Cordova Plugins - Ionic WebView](https://danielsogl.gitbook.io/awesome-cordova-plugins/ionic-webview) |
Copilot uses AI. Check for mistakes.
| The [WebNative Visual Studio Code extension](https://marketplace.visualstudio.com/items?itemName=webnative.webnative) is a community-maintained plugin that helps you perform common Capacitor development tasks without needing to remember CLI commands. | ||
|
|
||
| If you have VS Code on this computer click Install below. You can also find the extension by searching for "WebNative". | ||
|
|
||
| <a href="vscode:extension/webnative.webnative" target="_self"> |
There was a problem hiding this comment.
The extension ID 'webnative.webnative' appears incorrect. Based on the PR description mentioning 'WebNative.webnative', the correct extension ID should likely be 'WebNative.webnative' (capital W and N).
| The [WebNative Visual Studio Code extension](https://marketplace.visualstudio.com/items?itemName=webnative.webnative) is a community-maintained plugin that helps you perform common Capacitor development tasks without needing to remember CLI commands. | |
| If you have VS Code on this computer click Install below. You can also find the extension by searching for "WebNative". | |
| <a href="vscode:extension/webnative.webnative" target="_self"> | |
| The [WebNative Visual Studio Code extension](https://marketplace.visualstudio.com/items?itemName=WebNative.webnative) is a community-maintained plugin that helps you perform common Capacitor development tasks without needing to remember CLI commands. | |
| If you have VS Code on this computer click Install below. You can also find the extension by searching for "WebNative". | |
| <a href="vscode:extension/WebNative.webnative" target="_self"> |
Copilot uses AI. Check for mistakes.
|
|
||
| If you have VS Code on this computer click Install below. You can also find the extension by searching for "WebNative". | ||
|
|
||
| <a href="vscode:extension/webnative.webnative" target="_self"> |
There was a problem hiding this comment.
The extension ID in the vscode: link should match the marketplace URL. If the correct extension ID is 'WebNative.webnative', this should be updated accordingly.
| <a href="vscode:extension/webnative.webnative" target="_self"> | |
| <a href="vscode:extension/WebNative.webnative" target="_self"> |
Copilot uses AI. Check for mistakes.
Since the Ionic VS Code extension has been deprecated in favor of the WebNative.dev extension and is no longer maintained, we updated the documentation to point to the right information, aligning with Capacitor's documentation for consistency.
Fix an unresolved link to
ionic-webviewpageAdds support for Windows users to run docs locally
Tested locally - ✅