扩展
键盘快捷键: Ctrl + Shift + X
# 查找扩展
- 在 VS Code 应用商店
- 在 VSCode 侧边栏中的 扩展 选项卡
- 查看扩展建议
- 社区策划的扩展列表,例如 awesome-vscode。
# 安装扩展
在扩展视图中,您可以通过搜索栏进行搜索,或单击 更多(...) 按钮以按安装数量进行过滤和排序。
# 扩展建议
在 扩展 视图中,单击 更多(...) 按钮菜单中的 显示推荐的扩展。
# 推荐扩展
以下是推荐的 VS Code 扩展:
# 语言包
# Chinese (Simplified) Language Pack for Visual Studio Code
VS Code 原生为英文,本插件为 VS Code 提供简体中文支持,会更改页面为简体中文
# 外观
# Bracket Pair Colorizer 2
为 VS Code 显示彩虹括号,在码代码时帮助判断匹配括号
# indent-rainbow
为代码中的缩进上色,更容易判断缩进层数
# Material Icon Theme
为 VS Code 文件图标应用安卓的 Material 主题
# One Dark Pro
为添加一款类 Atom 的一款暗色风格主题,配色会比 VS Code 默认风格好看一些
# TODO Highlight
高光显示特定注释,如 TODO:
等
# 工具
# Bookmarks
在代码中添加书签并支持快速跳转
# filesize
在 VS Code 底部状态栏显示文件大小
# Project Manager
快速打开特定项目或在多个项目之间切换
# SVG Viewer
提供在 VS Code 直接打开 SVG 的快捷菜单与支持
# Visual Studio IntelliCode
基于 AI 的智能提示
# 版本管理与多人协作
提示
VS Code 不包含 Git,请自行安装 Git 并添加到 path 以实现版本管理。
# GitLens
在文件中提供 Git 版本增强功能,包括但不限于行历史、文件历史、分支查看、本地与远程库提交查看与对比分析等
# Live Share
官方实时分享功能,可多人同时协作一份文件,也可做在线演示
# Live Share Audio
官方实时语音通话,可在多人协作或演示中使用
# Remote Development
远程链接与控制
# 网页
# Color Info
为 CSS 颜色详情显示更多信息
# Debugger for Chrome
在 Chrome 中调试代码
# ESLint
需要 eslint
模块,进行 JS、TS 等文件的的错误检查、格式化
# JavaScript (ES6) code snippets
ES6 快速补全,提升代码编写利器
# language-stylus
Stylus 格式化,高亮支持
# Live Server
快速启动本地开发服务器
# Manta’s Stylus Supremacy
Stylus 格式化支持
# Quokka.js
JavaScript TypeScript 及时运行与结果显示
# SCSS IntelliSence
SCSS 格式化、补全支持
# stylelint
CSS / SCSS / Less 格式化
# Vetur
为 VS Code 添加 .vue
文件的支持
# 小程序
# minapp
小程序标签属性补全
# XML 与 JSON
# JSON Organizer
提供 json 到 js object 的相互转换
# XML Tools
提供 XML 补全、格式化等
# PHP
# PHP Debug
PHP 逐行调试,需要提前在 PHP 中配置好 XDebug
# PHP Intelephense
提供 PHP 函数补全
# phpcs
PHP 错误检查与修复
# APP 开发
# Dart
提供 dart 语言支持与调试
# Flutter
提供 Flutter 支持与调试
# Gradle Language Support
Gradle 语言支持
# 编程
# C/C++
提供代码格式化、自动完成、逐行调试等功能等
# Code Runner
提供多种编程语言的运行
# Java Extension Pack
Java 调试包
# Python
Python 格式化、调试支持
# Markdown
# Markdown All in One
提供快速添加 Markdown 标记的支持
# Markdown Emoji
为 Markdown 添加表情支持
# Markdown Preview GitHub Style
为 Markdown 预览应用 GitHub 风格
# markdownlint
检查 Markdown 文法错误
# Node.js
# Node.js Modules Intellisense
提供 Node.js 模块智能提示
# npm Intellisense
为 VS Code 添加 npm 模块导入补全
# LaTeX
# LaTeX Workshop
LaTeX 插件,支持常见功能与编译
# latex-formatter
提供 LaTeX 格式化
# 其他
# YAML
提供 YAML 格式化,高亮支持
# LeetCode
代码学习练习软件