docs: ide

vitest-dev · Apr 25, 2022 · 469e95d · 469e95d
1 parent e904e45
commit 469e95d
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 20 deletions.
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -102,7 +102,6 @@ export default defineConfig({
             {
               text: 'Why Vitest',
               link: '/guide/why',
-
             },
             {
               text: 'Getting Started',
@@ -124,10 +123,7 @@ export default defineConfig({
               text: 'Test Filtering',
               link: '/guide/filtering',
             },
-            {
-              text: 'Debugging',
-              link: '/guide/debugging',
-            },
+
             {
               text: 'In-source testing',
               link: '/guide/in-source',
@@ -136,6 +132,14 @@ export default defineConfig({
               text: 'Test Context',
               link: '/guide/test-context',
             },
+            {
+              text: 'IDE Integration',
+              link: '/guide/ide',
+            },
+            {
+              text: 'Debugging',
+              link: '/guide/debugging',
+            },
             {
               text: 'Comparisons',
               link: '/guide/comparisons',

diff --git a/docs/guide/debugging.md b/docs/guide/debugging.md
@@ -6,21 +6,21 @@ To debug a test file in VSCode, create the following launch configuration.
 
 ```json
 {
-    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "type": "pwa-node",
-            "request": "launch",
-            "name": "Debug Current Test File",
-            "autoAttachChildProcesses": true,
-            "skipFiles": ["<node_internals>/**", "**/node_modules/**"],
-            "program": "${workspaceRoot}/node_modules/vitest/vitest.mjs",
-            "args": ["run", "${relativeFile}"],
-            "smartStep": true,
-            "console": "integratedTerminal"
-        }
-    ]
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "pwa-node",
+      "request": "launch",
+      "name": "Debug Current Test File",
+      "autoAttachChildProcesses": true,
+      "skipFiles": ["<node_internals>/**", "**/node_modules/**"],
+      "program": "${workspaceRoot}/node_modules/vitest/vitest.mjs",
+      "args": ["run", "${relativeFile}"],
+      "smartStep": true,
+      "console": "integratedTerminal"
+    }
+  ]
 }
 ```
 

diff --git a/docs/guide/ide.md b/docs/guide/ide.md
@@ -0,0 +1,13 @@
+# IDE Integrations
+
+## VS Code
+
+<p text-center>
+<img src="https://raw.githubusercontent.com/vitest-dev/vscode/main/img/cover.png" w-80>
+</p>
+
+We are now providing a official extension for Visual Studio Code to enchance your testing experience with Vitest.
+
+[GitHub](https://github.com/vitest-dev/vscode) | [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=ZixuanChen.vitest-explorer)
+
+![](https://i.ibb.co/bJCbCf2/202203292020.gif)
diff --git a/docs/guide/index.md b/docs/guide/index.md
@@ -68,6 +68,14 @@ You can specify additional CLI options like `--port` or `--https`. For a full li
 
 Learn more about the [Command Line Interface](./cli.md)
 
+## IDE Integrations
+
+We also provided a official extension for Visual Studio Code to enchance your testing experience with Vitest.
+
+[Install from VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=ZixuanChen.vitest-explorer)
+
+Learn more about [IDE Integrations](./ide.md)
+
 ## Examples
 
 [@@include](../../../examples/README.md)