Explorar el Código

feat: 添加 prismjs 插件支持代码语法高亮

在 vite 配置中添加了 prismjs 插件,支持多种编程语言的语法高亮显示,包括 Python、JavaScript、Java 等常用语言,提升代码展示效果。
Sakulin hace 2 meses
padre
commit
1d76514e2d
Se han modificado 1 ficheros con 34 adiciones y 3 borrados
  1. 34 3
      vite.config.ts

+ 34 - 3
vite.config.ts

@@ -3,19 +3,50 @@ import { fileURLToPath, URL } from 'node:url'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
+import prismjsPlugin from 'vite-plugin-prismjs'
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [
     vue(),
     vueDevTools(),
+    prismjsPlugin({
+      languages: [
+        'python',
+        'javascript',
+        'java',
+        'c',
+        'cpp',
+        'csharp',
+        'go',
+        'rust',
+        'swift',
+        'kotlin',
+        'php',
+        'ruby',
+        'dart',
+        'scala',
+        'typescript',
+        'sql',
+        'json',
+        'yaml',
+        'bash',
+        'html',
+        'css',
+        'markdown',
+        'xml',
+        'less',
+        'sass',
+        'scss',
+      ],
+    }),
   ],
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
   },
   server: {
-    port: 5173
-  }
+    port: 5173,
+  },
 })