1. 兼容插件
1. Code Runner (启动脚本)
运行代码片段或代码文件的多种语言:
C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA, Less, Fortran, Ring, Standard ML, Zig, Mojo, Erlang, SPWN, Pkl, Gleam和自定义命令
右键文件

输出运行结果


2. Browse Lite (小窗口浏览器预览)

3. Image preview (预览图片)

4. Chinese (Simplified) (简体中文)

5. Auto Close Tag
自动补充
HTML/XML闭合标签

6. open in browser (html浏览器打开)
使用Alt + B快捷键在默认浏览器中打开当前html文件,或使用Shift + Alt + B选择浏览器

7. Live Server (静态服务启动)

8. Baidu Comate 文心快码 Ai辅助工具

9. TONGYI Lingma 通义灵码 Ai辅助工具

10 Auto Import (自动导入)

2. Vue2/3
1. Vue - Official (即Volar)
- 提供 Vue 文件的语法高亮。
- 支持 Vue 文件的智能感知和自动完成。
- 提供了 Vue 文件的格式化工具。

2. Vue 3 Snippets / Vue 3 Snippets - All In One (代码块提示)
- 提供 Vue 3 相关的代码片段,方便快速输入常见代码结构。
- 支持 Vue 组件选项、指令、生命周期等。


3. Vue TypeScript Snippets (代码块提示)
- TypeScript和HTML添加了Vue/Vuex的代码片段。

4. vue-component (Vue 组件自动提示找到的组件)
- template中输入组件名称自动提示找到的组件(详见设置说明),选中后自动输入组件名(包含必填属性)、import语句、components属性(如果有需要)。
- 鼠标移到组件标签名称时按
Ctrl,点击标签名称可跳转到组件文件。 - 鼠标悬浮到组件标签,提示组件属性和事件。
- 标签内输入
p-提示属性,输入e-提示事件,选中后自动输入。

5. Vite (自动启动项目)
- ⚡️在打开项目时立即启动开发服务器\
- 🚀预览/调试您的应用程序,而无需离开编辑器
- 如可答打开新项目时提示快速安装节点模块(npm i yarn pnpm i)
- 📦一键构建和服务
- 🔄一键重启服务器
- 📚支持VitePress
- 🔋由浏览生活提供支持

3. Three.JS
1. Three.JS Snippets (代码块提示)
- 支持
Typscript的 three.js 代码片段。

4. Flutter
1. Dart
- 通过支持Dart编程语言扩展了VS Code,并提供了有效编辑、重构、运行和重新加载Flutter移动应用程序的工具
- 支持格式化、高亮、代码片段、代码提示等

2. Flutter (依赖Dart)
- 增加了对有效编辑、重构、运行和重新加载Flutter移动应用程序的支持。它依赖于(并将自动安装)Dart扩展来支持Dart编程语言
![存中...(img-2qcRczvV-1730362247972)]](https://i-blog.csdnimg.cn/direct/b7a581bef717454b932d845b91beddb1.png)