diff --git a/packages/vscode/package.json b/packages/vscode/package.json
index 5a48b313aa..eba58535dc 100644
--- a/packages/vscode/package.json
+++ b/packages/vscode/package.json
@@ -53,6 +53,7 @@
   "devDependencies": {
     "@types/vscode": "^1.62.0",
     "@unocss/nuxt": "workspace:*",
+    "@unocss/preset-uno": "workspace:*",
     "esno": "^0.16.3",
     "jiti": "^1.13.0",
     "prettier": "^2.6.2",
diff --git a/packages/vscode/src/index.ts b/packages/vscode/src/index.ts
index 125adcb810..7c0ab2ebca 100644
--- a/packages/vscode/src/index.ts
+++ b/packages/vscode/src/index.ts
@@ -2,6 +2,7 @@ import { relative, resolve } from 'path'
 import type { ExtensionContext } from 'vscode'
 import { StatusBarAlignment, window, workspace } from 'vscode'
 import { sourceObjectFields, sourcePluginFactory } from 'unconfig/presets'
+import presetUno from '@unocss/preset-uno'
 import { version } from '../package.json'
 import { resolveOptions as resolveNuxtOptions } from '../../nuxt/src/options'
 import { createContext } from './integration'
@@ -21,7 +22,12 @@ export async function activate(ext: ExtensionContext) {
   log.appendLine(`UnoCSS for VS Code  v${version} ${process.cwd()}`)
 
   const context = createContext(
-    cwd, {},
+    cwd,
+    {
+      presets: [
+        presetUno(),
+      ],
+    },
     [
       sourcePluginFactory({
         files: [
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4490647076..a9bff6b6c2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -550,6 +550,7 @@ importers:
     specifiers:
       '@types/vscode': ^1.62.0
       '@unocss/nuxt': workspace:*
+      '@unocss/preset-uno': workspace:*
       esno: ^0.16.3
       jiti: ^1.13.0
       prettier: ^2.6.2
@@ -558,6 +559,7 @@ importers:
     devDependencies:
       '@types/vscode': 1.67.0
       '@unocss/nuxt': link:../nuxt
+      '@unocss/preset-uno': link:../preset-uno
       esno: 0.16.3
       jiti: 1.13.0
       prettier: 2.6.2