扩展

Mr.Hope ... VS Code
  • VS Code
  • 软件
大约 3 分钟

键盘快捷键: Ctrl + Shift + X

# 查找扩展

  1. 在 VS Code 应用商店
  2. 在 VSCode 侧边栏中的 扩展 选项卡
  3. 查看扩展建议
  4. 社区策划的扩展列表,例如 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 底部状态栏显示文件大小

# ProjectManager

快速打开特定项目或在多个项目之间切换

# SVG Viewer

提供在 VS Code 直接打开 SVG 的快捷菜单与支持

# Visual Studio IntelliCode

基于 AI 的智能提示

# 版本管理与多人协作

提示

VS Code 不包含 Git,请自行安装 Git 并添加到 path 以实现版本管理。

# Git History

提供 Git 历史查看,对比等高级功能

# GitLens

在文件中提供 Git 版本增强功能,包括但不限于行历史、文件历史、分支查看、本地与远程库提交查看与对比分析等

# Live Share

官方实时分享功能,可多人同时协作一份文件,也可做在线演示

# Live Share Audio

官方实时语音通话,可在多人协作或演示中使用

# Remote Development

远程链接与控制

# 网页

# Ant Design Vue helper

为 Antd Vue 提供代码补全及提示

# Color Info

为 css 颜色详情显示更多信息

# Debugger for Chrome

在 Chrome 中调试代码

# ESLint

需要 eslint 模块,进行 JS、TS 等文件的的错误检查、格式化

# JavaScript (ES6) code snippets

ES6 快速补全,提升代码编写利器

# IntelliSense for CSS class names in HTML

通过检索 link 的外部 css 提供自动补全 class,当使用 bootstrap 的时候超有用

# 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

# Node.js Modules Intellisense

提供 nodeJS 模块智能提示

# npm Intellisense

为 VS Code 添加 npm 模块导入补全

# LaTeX

# LaTeX Workshop

LaTeX 插件,支持常见功能与编译

# latex-formatter

提供 LaTeX 格式化

# 其他

# language-stylus

stylus 格式化,高亮支持

# YAML

提供 YAML 格式化,高亮支持

# LeetCode

代码学习练习软件