Mr.Hope

扩展

Mr.Hope ... 2020-9-18 VS Code
  • VS Code
  • 软件
 大约 3 分钟

键盘快捷键: Ctrl + Shift + X

# 查找扩展

  1. 在 VS Code 应用商店
  2. 在 VS Code 侧边栏中的 扩展 选项卡
  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 底部状态栏显示文件大小

# 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

代码学习练习软件

文件