このページの内容

Awesome Vscode

Vscodeを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

目次

公式情報

構文

構文に関するVS Code拡張機能・資料。

ほかのエディターからの移行

ほかのエディターからの移行に関するVS Code拡張機能・資料。

Vimから移行

Vimから移行に関するVS Code拡張機能・資料。

Atomから移行

Atomから移行に関するVS Code拡張機能・資料。

Sublime Textから移行

Sublime Textから移行に関するVS Code拡張機能・資料。

Visual Studioから移行

Visual Studioから移行に関するVS Code拡張機能・資料。

IntelliJ IDEAから移行

IntelliJ IDEAから移行に関するVS Code拡張機能・資料。

Xcodeから移行

Xcodeから移行に関するVS Code拡張機能・資料。

Camel Humps

Camel Humpsに関するVS Code拡張機能・資料。

特定技術でVS Codeを使う

特定技術でVS Codeを使うに関するVS Code拡張機能・資料。

特定技術でVS Codeを使うに関するVS Code拡張機能・資料。 関連情報: Microsoft/vscode-recipes

LintとIntelliSense

LintとIntelliSenseに関するVS Code拡張機能・資料。

LintとIntelliSenseに関するVS Code拡張機能・資料。

LintとIntelliSenseに関するVS Code拡張機能・資料。 関連情報: Languages

1C

  • 1C/OScript - rich 1С:Enterprise 8 (BSL) language support in VSC - add syntax highlighting to *.bsl и *.os files in VSC, add IntelliSense and syntax helper for 1С lang

AutoHotkey

AutoHotkey Plus

AutoHotkey Plusに関するVS Code拡張機能・資料。

Bash

Bash IDE

Bash IDEに関するVS Code拡張機能・資料。

Bash Debug

Bash Debugに関するVS Code拡張機能・資料。 関連情報: bashdb

Bash Debug

Shellman

Shellmanに関するVS Code拡張機能・資料。

Shellman

C++

  • C/C++ - C/C++ IntelliSense, debugging and code browsing by Microsoft; see the official docs
  • Clangd - Provides C/C++ language IDE features for VS Code using clangd: code completion, compile errors and warnings, go-to-definition and cross references, include management, code formatting, simple refactorings.
  • gnu-global-tags - Provide Intellisense for C/C++ with the help of the GNU Global tool.

その他

C#, ASP .NET and .NET Core

.NET Core Test Explorer

Clojure

Calva

Calvaに関するVS Code拡張機能・資料。

Calva

CSS

CSS Peek

CSS Peekに関するVS Code拡張機能・資料。

CSS Peek

Go

  • Go - Rich language support for the Go language.

Groovy

VsCode Groovy Lint

Haskell

  • Haskell - Official Haskell support powered by the Haskell Language Server (HLS); supersedes the former Haskell IDE Engine and haskell-linter.

HLSL

  • HLSL Tools - provides rich language support for editing HLSL files in VS Code Example of statement completion using HLSL Tools for VS Code

Shell

Java

JavaScript

TS/JS postfix completion demo

JavaScriptに関するVS Code拡張機能・資料。 関連情報: here

リンター

フレームワーク別

  • Vue - Official - Official Vue language support (Volar). Supersedes Vetur, which is now in maintenance mode.

Debugger for Chrome

Debugger for Chromeに関するVS Code拡張機能・資料。

Facebook Flow

  • Flow Language Support - provides all the functionality you would expect — linting, intellisense, type tooltips and click-to-definition
  • vscode-flow-ide - an alternative Flowtype extension for Visual Studio Code

TypeScript

MATLAB

MATLABに関するVS Code拡張機能・資料。

MATLABに関するVS Code拡張機能・資料。

  • Syntax highlighting
  • Code snippets
  • Commenting
  • Code folding

Without MATLAB Installed

MATLABに関するVS Code拡張機能・資料。

  • Automatic code completion
  • Source code formatting (document formatting)
  • Code navigation
  • Code analysis, such as continuous code checking and automatic fixes

MATLAB Installed

Markdown

markdownlint

markdownlintに関するVS Code拡張機能・資料。 関連情報: markdownlint

Markdown All in One

Markdown All in Oneに関するVS Code拡張機能・資料。

Markdown All in One

Markdown Emoji

Markdown Emojiに関するVS Code拡張機能・資料。

Markdown Emoji

MEO

MEOに関するVS Code拡張機能・資料。

PHP

PHP Tools

PHP Toolsに関するVS Code拡張機能・資料。

PHP Tools Intellisense demo screenshot

IntelliSense

  • PHP Intelephense - The de-facto standard PHP language server: autocompletion, diagnostics, go-to-definition and more. (The former PHP IntelliSense by felixfbecker is deprecated.)

Laravel

Laravel blade snippets and syntax highlight support animation

Laravel Model Snippets animation

Laravel Artisan commands within Visual Studio Code animation

  • DotENV - Support for dotenv file syntax

Support for dotenv file syntax screenshot

  • Laravel Pint - Run and configure Laravel Pint, the opinionated PHP code-style fixer for Laravel.

Twig

Twigに関するVS Code拡張機能・資料。

{
  "emmet.includeLanguages": {
    "twig": "html"
  }
}

Smarty

Smarty Template Support

Smarty Template Supportに関するVS Code拡張機能・資料。

Smarty Template Support

その他の拡張機能

  • Format HTML in PHP - Formatting for the HTML in PHP files. Runs before the save action so you can still have a PHP formatter.

Format HTML in PHP

関連資料

POV-Ray

  • POV-Ray - Persistence of Vision Ray Tracer (POV-Ray) Extension, includes Syntax Highlighting and Snippets for common POV-Ray scene elements, Render the current scene from within Visual Studio Code

Animated GIF of POV-Ray in Visual Studio Code

Python

  • Python - Linting, Debugging (multi threaded, web apps), Intellisense, auto-completion, code formatting, snippets, unit testing, and more.

TensorFlow

  • TensorFlow Snippets - This extension includes a set of useful code snippets for developing TensorFlow models in Visual Studio Code.

ReasonML

  • ReasonML - Intellisense, code formatting, refactoring, code lens and more

Ruby

  • endwise - Automatically add end to Ruby code blocks as you type.

Rust

  • rust-analyzer - Linting, auto-completion, code formatting, snippets and more

Terraform

  • Terraform - Syntax highlighting, linting, formatting, and validation for Hashicorp’s Terraform

GitHub

GitHub Pull Requests and Issues

GitHub Pull Requests and Issuesに関するVS Code拡張機能・資料。

GistPad

GistPadに関するVS Code拡張機能・資料。

GistPad gist management

GitHub Actions

GitHub Actionsに関するVS Code拡張機能・資料。

GitHub Repositories

GitHub Repositoriesに関するVS Code拡張機能・資料。

GitHub Pull Request Monitor

GitHub Pull Request Monitorに関するVS Code拡張機能・資料。

GitHub Pull Request Monitor

生産性

ARM Template Viewer

ARM Template Viewerに関するVS Code拡張機能・資料。

Displays a graphical preview of Azure Resource Manager (ARM) templates

Azure Cosmos DB

Azure Cosmos DBに関するVS Code拡張機能・資料。

Browse your database inside the vs code editor animation

Azure IoT Toolkit

Azure IoT Toolkitに関するVS Code拡張機能・資料。

Code snippets for Azure IoT Hub screenshot

Bookmarks

Bookmarksに関するVS Code拡張機能・資料。

Microsoft Edge Tools

Microsoft Edge Toolsに関するVS Code拡張機能・資料。

Color Tabs

Color Tabsに関するVS Code拡張機能・資料。

Color your tabs and/or titlebar based on regex

Create tests

Create testsに関するVS Code拡張機能・資料。

Create tests extension animation

Dendron

Dendronに関するVS Code拡張機能・資料。 関連情報: dendron-cli

dendron.dendron

Duplicate Action

Duplicate Actionに関するVS Code拡張機能・資料。

Error Lens

Error Lensに関するVS Code拡張機能・資料。

error lens demo gif

Toggle

Toggleに関するVS Code拡張機能・資料。

Toggleに関するVS Code拡張機能・資料。 関連情報: typescript.inlayHints.functionLikeReturnTypes.enabled

Toggle example demo

ES7 React/Redux/GraphQL/React-Native snippets

ES7 React/Redux/GraphQL/React-Native snippetsに関するVS Code拡張機能・資料。

es7-reactreduxgraphqlreact-native-snippets

Gi

Giに関するVS Code拡張機能・資料。

.gitignore generation animation

Git History

Git Historyに関するVS Code拡張機能・資料。

Git Project Manager

Git Project Managerに関するVS Code拡張機能・資料。

GitLinkに関するVS Code拡張機能・資料。

GoTo current file online animation

GitLens

GitLensに関するVS Code拡張機能・資料。

GitLens inline git information animation

GitLab Workflow

GitLab Workflowに関するVS Code拡張機能・資料。 関連情報: .gitlab-ci.yml

Gradle Tasks

Gradle Tasksに関するVS Code拡張機能・資料。

Gradle Tasks

Icon Fonts

Icon Fontsに関するVS Code拡張機能・資料。

Import Cost

Import Costに関するVS Code拡張機能・資料。

Jira and Bitbucket

Jira and Bitbucketに関するVS Code拡張機能・資料。

Jira and Bitbucket workflow

Find-Jump

Find-Jumpに関するVS Code拡張機能・資料。

Kanban

kanban

Kanbanに関するVS Code拡張機能・資料。

Live Server

Live Serverに関するVS Code拡張機能・資料。

live-server

Clipboard Manager

Clipboard Managerに関するVS Code拡張機能・資料。

ngrok for VSCode

ngrok for VSCodeに関するVS Code拡張機能・資料。 関連情報: ngrok

ngrok for VSCode

Dotnet Core Test Explorer

Dotnet Core Test Explorerに関するVS Code拡張機能・資料。

View and run your .NET Core tests directly in the editor animation

i18n Ally

i18n Allyに関するVS Code拡張機能・資料。

i18n Ally

Instant Markdown

Instant Markdownに関するVS Code拡張機能・資料。

Instant Markdown Screencast

npm Intellisense

npm Intellisenseに関するVS Code拡張機能・資料。

npm-intellisense

Parameter Hints

Parameter Hintsに関するVS Code拡張機能・資料。

Parameter Hints

Partial Diff

Partial Diffに関するVS Code拡張機能・資料。

Partial Diff

Paste JSON as Code

Paste JSON as Codeに関するVS Code拡張機能・資料。

Paste JSON as Code

Path Autocomplete

Path Autocompleteに関するVS Code拡張機能・資料。

Path Autocomplete

Path IntelliSense

Path IntelliSenseに関するVS Code拡張機能・資料。

Autocompletion for filenames animation

Power Tools

Power Toolsに関するVS Code拡張機能・資料。

Power Tools

PrintCode

PrintCodeに関するVS Code拡張機能・資料。

PrintCode

Project Manager

Project Managerに関するVS Code拡張機能・資料。

Switch between projects screenshot

Project Dashboard

Project Dashboardに関するVS Code拡張機能・資料。

Project Dashboard

Rainbow CSV

Rainbow CSVに関するVS Code拡張機能・資料。

Rainbow CSV

Remote Development

Remote Developmentに関するVS Code拡張機能・資料。

Remote SSH extension at work

REST Client

REST Clientに関するVS Code拡張機能・資料。

Send HTTP request and view response animation

Text Power Tools

Text Power Toolsに関するVS Code拡張機能・資料。

Text Power Tools

Todo Tree

Todo Treeに関するVS Code拡張機能・資料。

Todo Tree

Toggle Quotes

Toggle Quotesに関するVS Code拡張機能・資料。

Toggle Quotes

Typescript Destructure

Typescript Destructureに関するVS Code拡張機能・資料。

Typescript Destructure

WakaTime

WakaTimeに関するVS Code拡張機能・資料。

Timing

Timingに関するVS Code拡張機能・資料。

Timing

httpYac

httpYacに関するVS Code拡張機能・資料。

DevDb

DevDbに関するVS Code拡張機能・資料。

Keploy

Keployに関するVS Code拡張機能・資料。

SemanticDiff

SemanticDiffに関するVS Code拡張機能・資料。

Trunk

Trunkに関するVS Code拡張機能・資料。

Peacock

Peacockに関するVS Code拡張機能・資料。

GitHub Copilot

GitHub Copilotに関するVS Code拡張機能・資料。

整形と美化

Better Align

Better Alignに関するVS Code拡張機能・資料。 Better Alignに関するVS Code拡張機能・資料。 Better Alignに関するVS Code拡張機能・資料。

Better Align

Auto Rename Tag

Auto Rename Tagに関するVS Code拡張機能・資料。 関連情報: "editor.linkedEditing": truesettings.json

Auto Rename Tagに関するVS Code拡張機能・資料。

Auto rename paired HTML/XML tags animation

html2pug

html2pugに関するVS Code拡張機能・資料。

Paste and Indent

Paste and Indentに関するVS Code拡張機能・資料。

Indentation of pasted code animation

Sort Lines

Sort Linesに関するVS Code拡張機能・資料。

Sorts lines of text in specific order animation

Surround

Surroundに関するVS Code拡張機能・資料。

Wrap a template around a code block

Wrap Selection

Wrap Selectionに関するVS Code拡張機能・資料。

Wraps selection or multiple selections with symbol or multiple symbols animation

Formatting Toggle

Formatting Toggleに関するVS Code拡張機能・資料。

shell-format

shell-formatに関するVS Code拡張機能・資料。

shell-format

Vscode Google Translate

Vscode Google Translateに関するVS Code拡張機能・資料。

Vscode Google Translate

エクスプローラーアイコン

City Lights Icons

City Lights Icons

VSCode Icons

VSCode Icons

Seti Icons

Seti Icons

Material Icon Theme

Material Icon Theme

未分類

CodeRoad

CodeRoadに関するVS Code拡張機能・資料。

CodeRoad Demo

Code Runner

Code Runnerに関するVS Code拡張機能・資料。

Run a snippet or file animation

Code Time

Code Timeに関するVS Code拡張機能・資料。

Code Time

Color Highlight

Color Highlightに関するVS Code拡張機能・資料。

Highlight web colors in your editor screenshot

Output Colorizer

Output Colorizerに関するVS Code拡張機能・資料。

IBM.output-colorizer

Dash

Dashに関するVS Code拡張機能・資料。

Dash integration screenshot

Edit with Shell Command

Edit with Shell Commandに関するVS Code拡張機能・資料。

Edit with Shell Command

Editor Config for VS Code

Editor Config for VS Codeに関するVS Code拡張機能・資料。

SFTP

SFTPに関するVS Code拡張機能・資料。

Highlight JSX/HTML tags

Highlight JSX/HTML tagsに関するVS Code拡張機能・資料。

Indent Rainbow

Indent Rainbowに関するVS Code拡張機能・資料。

indent-rainbow

iTerm2 Theme Sync

iTerm2 Theme Syncに関するVS Code拡張機能・資料。

iTerm2 Theme Sync

Password Generator

Password Generatorに関するVS Code拡張機能・資料。

Password Generator

PlatformIO IDE

PlatformIO IDEに関するVS Code拡張機能・資料。

Polacode

Polacodeに関するVS Code拡張機能・資料。

Make a polaroid image of your code animation

carbon-now-sh

carbon-now-shに関するVS Code拡張機能・資料。 関連情報: carbon.now.shSend your code to carbon.now.sh animation

Quokka

Quokkaに関するVS Code拡張機能・資料。

Integrated JavaScript/TypeScript playground animation

Runner

Runnerに関するVS Code拡張機能・資料。

Run various scripts right from VS Code animation

SVG

SVGに関するVS Code拡張機能・資料。

SVG

Text Marker (Highlighter)

Text Marker (Highlighter)に関するVS Code拡張機能・資料。

Text Marker (Highlighter)

Interface generator

Interface generatorに関するVS Code拡張機能・資料。

Interface generator

JFrog

JFrogに関するVS Code拡張機能・資料。

JFrog

SARIF Explorer

SARIF Explorerに関するVS Code拡張機能・資料。

Document Viewer

Document Viewerに関するVS Code拡張機能・資料。

テーマ

UI

UIに関するVS Code拡張機能・資料。

構文

2077 theme by Endormi

2077 theme by Endormiに関するVS Code拡張機能・資料。

An Old Hope Theme by Dustin Sanders

An Old Hope Theme by Dustin Sandersに関するVS Code拡張機能・資料。

Ariake Dark by wart

Ariake Dark by wartに関するVS Code拡張機能・資料。

Atom One Dark Theme by Mahmoud Ali

Atom One Dark Theme by Mahmoud Aliに関するVS Code拡張機能・資料。

Atomize by emroussel

Atomize by emrousselに関するVS Code拡張機能・資料。

Ayu by teabyii

Ayu by teabyiiに関するVS Code拡張機能・資料。

Borealis Theme by Alexander Eckert

Borealis Theme by Alexander Eckertに関するVS Code拡張機能・資料。

Captain Sweetheart by ultradracula

Captain Sweetheart by ultradraculaに関するVS Code拡張機能・資料。

City Lights by Yummygum

City Lights by Yummygumに関するVS Code拡張機能・資料。

Cobalt2 Theme Official by Wes Bos

Cobalt2 Theme Official by Wes Bosに関するVS Code拡張機能・資料。

Dracula Official by Dracula Theme

Dracula Official by Dracula Themeに関するVS Code拡張機能・資料。

Edge by Bogdan Lazar

Edge by Bogdan Lazarに関するVS Code拡張機能・資料。

Eva Theme by fisheva

Eva Theme by fishevaに関するVS Code拡張機能・資料。

Fairy Floss by nopjmp and sailorhg

Fairy Floss by nopjmp and sailorhgに関するVS Code拡張機能・資料。

GitHub Theme by Thomas Pink

GitHub Theme by Thomas Pinkに関するVS Code拡張機能・資料。

Jellybeans Theme by Dimitar Nonov

Jellybeans Theme by Dimitar Nonovに関するVS Code拡張機能・資料。

Material Palenight Theme by whizkydee

Material Palenight Theme by whizkydeeに関するVS Code拡張機能・資料。

Material Theme by Mattia Astorino

Material Theme by Mattia Astorinoに関するVS Code拡張機能・資料。

Mno by u29dc

Mno by u29dcに関するVS Code拡張機能・資料。

Omni by Rocketseat

Omni by Rocketseatに関するVS Code拡張機能・資料。

One Monokai by azemoh

One Monokai by azemohに関するVS Code拡張機能・資料。

Monokai Pro by monokai (commercial)

Monokai Pro by monokai (commercial)に関するVS Code拡張機能・資料。

Night Owl by Sarah Drasner

Night Owl by Sarah Drasnerに関するVS Code拡張機能・資料。

Plastic by Will Stone

Plastic by Will Stoneに関するVS Code拡張機能・資料。

Nord by arcticicestudio

Nord by arcticicestudioに関するVS Code拡張機能・資料。

Rainglow by Dayle Rees

Rainglow by Dayle Reesに関するVS Code拡張機能・資料。

Relaxed Theme by Michael Kühnel

Relaxed Theme by Michael Kühnelに関するVS Code拡張機能・資料。

Shades of Purple by Ahmad Awais

Shades of Purple by Ahmad Awaisに関するVS Code拡張機能・資料。

Slime Theme by smlombardi

Slime Theme by smlombardiに関するVS Code拡張機能・資料。

Niketa Theme by Dejan Toteff

Niketa Theme by Dejan Toteffに関するVS Code拡張機能・資料。

フォローすべき人々

フォローすべき人々に関するVS Code拡張機能・資料。

拡張機能開発者向け資料

Documentation

Libraries

  • typed-vscode - Generates types from contribution points of your extension manifest

Tools

  • Live Share - Visual Studio Live Share enables you to collaboratively edit and debug with others in real time, regardless what programming languages you’re using or app types you’re building.
  • Online TextMate Themes Editor - since VS Code supports TextMate themes, you can create them in this online editor and then create a new VS Code package using Yo Code tool
  • Yo Code - Extension Generator
  • Open in Code - macOS Finder toolbar app to open current folder in Visual Studio Code

macOS Finder toolbar app to open current folder in Visual Studio Code animation

  • Themer - Easily create your own theme for VS Code (and matching ones for your other tools).

  • Azure Tools - Microsoft’s official Azure extension pack, bundling the core Azure extensions for working with Azure resources directly from VS Code.

  • Mark down preview - Markdown Preview Enhanced is an extension that provides you with many useful functionalities such as automatic scroll sync, math typesetting, mermaid, PlantUML, pandoc, PDF export, code chunk, presentation writer, etc. A lot of its ideas are inspired by Markdown Preview Plus and RStudio Markdown.

オンライン講座

Visual Studio Code Power User Course (commercial)

Visual Studio Code Power User Course (commercial)に関するVS Code拡張機能・資料。 関連情報: Ahmad AwaisShades of Purple theme

  • VSCode.pro - 📺 Huge five hours 65 videos VSCode course.
  • Ahmad Awais - 🙌 Creator of Shades of Purple theme. Core Developer for WP/JS. OSS Dev Advocate.

貢献

貢献に関するVS Code拡張機能・資料。 関連情報: contribution guidelines

ライセンス

ライセンスに関するVS Code拡張機能・資料。

ライセンスに関するVS Code拡張機能・資料。 関連情報: [CC0https://creativecommons.org/publicdomain/zero/1.0/

ライセンスに関するVS Code拡張機能・資料。 関連情報: Valerii Iatsko