VSCodeの拡張機能 おすすめ(8/14更新)

# 前書き
特におすすめのものには`**`をつけてます

内容について :
特に言語に偏らず 一般エディター機能の拡張をまとめています

# 目次

+ [定番拡張](#%E5%AE%9A%E7%95%AA%E6%8B%A1%E5%BC%B5)
+ [カーソル拡張](#%E3%82%AB%E3%83%BC%E3%82%BD%E3%83%AB%E6%8B%A1%E5%BC%B5)
+ [入力サポート拡張](#%E5%85%A5%E5%8A%9B%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88%E6%8B%A1%E5%BC%B5)
+ [視覚サポート拡張](#%E8%A6%96%E8%A6%9A%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88%E6%8B%A1%E5%BC%B5)
+ [サイドバー拡張](#%E3%82%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC%E3%81%AE%E6%8B%A1%E5%BC%B5)
+ [カスタムビュー拡張](#%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%93%E3%83%A5%E3%83%BC%E3%81%AE%E6%8B%A1%E5%BC%B5)
+ [ステータスバー拡張](#%E3%82%B9%E3%83%86%E3%83%BC%E3%82%BF%E3%82%B9%E3%83%90%E3%83%BC%E3%81%AE%E6%8B%A1%E5%BC%B5)
+ [Markdown拡張](#markdown%E6%8B%A1%E5%BC%B5)
+ [Git拡張](#git%E6%8B%A1%E5%BC%B5)
+ [サイト作りの時に便利になる拡張](#%E3%82%B5%E3%82%A4%E3%83%88%E4%BD%9C%E3%82%8A%E3%81%AE%E6%99%82%E4%BE%BF%E5%88%A9%E3%81%AB%E3%81%AA%E3%82%8B%E6%8B%A1%E5%BC%B5)
+ [スニペット](#%E3%82%B9%E3%83%8B%E3%83%9A%E3%83%83%E3%83%88)
+ [あれば便利かもしれない拡張](#%E3%81%82%E3%82%8C%E3%81%B0%E4%BE%BF%E5%88%A9%E3%81%8B%E3%82%82%E3%81%97%E3%82%8C%E3%81%AA%E3%81%84%E6%8B%A1%E5%BC%B5)
+ [他サービスとの連携](#%E4%BB%96%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%81%A8%E3%81%AE%E9%80%A3%E6%90%BA)
+ [みため](#%E3%81%BF%E3%81%9F%E3%82%81)

## **定番拡張**
### [Visual Studio Code Setting Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync) **
> by shan khan
> version : 2.8.2
> Gistを使って設定をバックアップします

### [jumpy](https://marketplace.visualstudio.com/items?itemName=wmaurer.vscode-jumpy) **
<img width="640" src="https://qiita-image-store.s3.amazonaws.com/0/76740/343da05d-8bc1-471d-5b77-c353f673b6b3.gif">
> by wmaurer
> version : 0.3.1
> Atomで人気だった拡張のVSCode版です
> https://marketplace.visualstudio.com/items/wmaurer.vscode-jumpy/license

### [Restore Editors](https://marketplace.visualstudio.com/items?itemName=eamodio.restore-editors) **
> by eamodio
> version : 0.2.1
> エディタの状態(タブ)を保存します

### Line Mark **
>### [Mark Jump](https://marketplace.visualstudio.com/items?itemName=spywhere.mark-jump)
>> by spywhere
>> version : 0.5.0
>> コメントでブックマークを設定できます 他にtodo noteが設定できます
>
>### [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks)
>> by alessandro fragnani
>> version : 0.15.2
>> コマンドでブックマークを設定できます

### [Project Manager](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager)
> by Alessandro fragnani
> version : 0.19.0

## **カーソル拡張**
### [Guides](https://marketplace.visualstudio.com/items?itemName=spywhere.guides)
<img src="https://qiita-image-store.s3.amazonaws.com/0/76740/578f5902-ccd4-72d5-1101-933235d24e52.png">
> by spywhere
> version : 0.8.4
> スコープの範囲わかりやすいように本文中にグリッドを表示します グリッドは設定で変更が可能です
>
> 1.3以降標準でも表示が可能です
> `"editor.renderIndentGuides": true`

### [Indentation Level Movement](https://marketplace.visualstudio.com/items?itemName=kaiwood.indentation-level-movement)
![Indentation Level Movement.gif](https://qiita-image-store.s3.amazonaws.com/0/76740/06694f25-32ac-82f7-e8f2-4cdc74718a0e.gif)
> by Kai Wood
> version : 1.1.1
> https://marketplace.visualstudio.com/items/kaiwood.indentation-level-movement/license

## **入力サポート拡張**
### [Clipboard Ring](https://marketplace.visualstudio.com/items?itemName=SirTobi.code-clip-ring) **
<img width="640" src="https://qiita-image-store.s3.amazonaws.com/0/76740/a490ad6d-a39a-9873-c3c7-164080554b04.gif">
> by sirtobi
> version : 0.0.4

### [Japanese Word Handler](https://marketplace.visualstudio.com/items?itemName=sgryjp.japanese-word-handler) **
> by Suguru Yamanaoto
> version : 0.5.0
> VSCodeに標準である`Ctrl + arrow(左.右)`の単語移動を日本語にも対応させる拡張です
> 精度に多少のずれはあれど非常に便利です

### [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)
> by Christian Kohler
> version : 1.4.2
> ファイルへのパスをIntelliSenseで表示できます

### [Path Autocomplete](https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete)
> by Mihai Vilcu
> version : 1.6.1
> 別バージョンです

### [Relative Path](https://marketplace.visualstudio.com/items?itemName=jakob101.RelativePath)
> by jakob101
> version : 0.12.0
> エクスプローラー内のファイルのURLをドロップダウンリストから作成する拡張です

## **視覚サポート拡張**
### [Trailing Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces) **
<img src="https://qiita-image-store.s3.amazonaws.com/0/76740/fa579128-c3d0-0ebc-ce47-73462e1a116d.png">
> by Shardul Mahadik
> version : 0.2.11
> 改行部分の最後に入る半角スペースの強調、削除します
>
> [Visual Studio Codeで保存時に行末尾の空白を自動で消す](http://qiita.com/iwata-n@github/items/39dc0e4391277589878b) 削除のみは標準で可能です

### [EvilInspector](https://marketplace.visualstudio.com/items?itemName=saikou9901.evilinspector)
> by saikou9901
> version : 1.0.0
> 文章中の全角スペースを強調, 削除します

### [Whitespace+](https://marketplace.visualstudio.com/items?itemName=davidhouchin.whitespace-plus)
> by David Houchin
> version : 0.0.3
> 文章中の半角スペースを強調します VSCodeの半角スペース強調に満足できない場合に便利かもしれません

## **サイドバーの拡張**
### [Workbench](https://marketplace.visualstudio.com/items?itemName=andrew-lis.workbench) **
<img width="640" src="https://qiita-image-store.s3.amazonaws.com/0/76740/3b2cd03e-720d-bab5-62da-de8e9689a49d.png">
> by andrew-lis
> version : 0.1.3
> ファイルに別名を登録して`Alt + Q`から移動できるようになります

### [Windows Explorer Context Menu](https://marketplace.visualstudio.com/items?itemName=electrotype.windows-explorer-context-menu) **
<img width="640" src="https://qiita-image-store.s3.amazonaws.com/0/76740/99c98a79-b433-3365-1774-63d34036dcf2.png">
> by electrotype
> version : 1.0.2
> 右クリックでWindowsのコンテキストメニューを呼び出せます

### [Toggle Excluded Fileds](https://marketplace.visualstudio.com/items?itemName=eamodio.toggle-excluded-files) **
> by eamodio
> version : 1.1.3
> 非表示にしたファイルを切り替えるボタンを追加します

### [VTools](https://marketplace.visualstudio.com/items?itemName=venryx.vscode-vtools) **
> by venryx
> version : 1.0.0
> sidebar のピン留め機能を追加します

## **カスタムビューの拡張**
### [Code outline](https://marketplace.visualstudio.com/items?itemName=patrys.vscode-code-outline) **
> by Patryk Zawadzki
> version : 0.0.8
> Code Outlineをエクスプローラーに表示します

## **ステータスバーの拡張**
### [Shortcuts](https://marketplace.visualstudio.com/items?itemName=gizak.shortcuts) **
<img width="640" src="https://qiita-image-store.s3.amazonaws.com/0/76740/d5fbf703-de22-e5c3-dd8c-8cf50a2e6d12.gif">
> by gizak
> version : 0.0.1
> ショートカットボタンを追加します
> https://marketplace.visualstudio.com/items/gizak.shortcuts/license

### [Terminal Tabs](https://marketplace.visualstudio.com/items?itemName=Tyriar.terminal-tabs)
> by Daniel Imms
> version : 0.1.1
> VS Code API の関係から少々使い勝手が悪いです

### [Clock in status bar](https://marketplace.visualstudio.com/items?itemName=Compulim.vscode-clock)
> by compulim
> version : 0.0.0
> pc時間を表示します また、クリックでタイムスタンプを押せます

## **Markdown拡張**
### [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one) **
> by Yu Zhang
> Version : 0.4.4
> [Auto-Open Markdown Preview](https://marketplace.visualstudio.com/items?itemName=hnw.vscode-auto-open-markdown-preview)、[Markdown Shortcuts](https://marketplace.visualstudio.com/items?itemName=mdickin.markdown-shortcuts)、[Markdown TOC](https://marketplace.visualstudio.com/items?itemName=AlanWalk.markdown-toc) の機能の一部を内包した拡張です

### [GFM Preview](htts://marketplace.visualstudio.com/items?itemName=tomoki1207.vscode-gfm-preview) **
> by tomoki1207
> 0.1.1
> GitHub Flavored Markdownをサポートします
> [MarkdownをGFMでプレビュー](http://qiita.com/tomoki1207/items/44c7959c4381b20b8c11)

### [EnDocReader](https://marketplace.visualstudio.com/items?itemName=garicchi.endocreader)
> by garicchi
> version : 1.4.0

### [vscode-textlint](https://marketplace.visualstudio.com/items?itemName=taichi.vscode-textlint)
> by taichi
> version : 0.5

### [Table Formatter](https://marketplace.visualstudio.com/items?itemName=shuworks.vscode-table-formatter)
> by Shuzo Iwasaki
> version : 1.0.1
> tableフォーマットはこのほかに多くあります

### [Character Count](https://marketplace.visualstudio.com/items?itemName=stevensona.character-count)
> by Adam Stevenson
> version : 0.1.1


## **Git拡張**
### [Git Lens — git blame annotations, code lens, and more](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) **
> by eamodio
> version: 4.3.3
> 既定でオフですがGit stashをカスタム エクスプローラーに表示する機能も付いてます とにかく多機能です

### [Git History(git log)](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)
> by don jayamanne
> version : 0.2.3
> ツリー表示や差分表示などを行います

### [Annotator](https://marketplace.visualstudio.com/items?itemName=ryu1kn.annotator) **
> by Ryuichi Inagaki
> version : 0.10.1

### [Git Blame](https://marketplace.visualstudio.com/items?itemName=waderyan.gitblame)
> by Wade Anderson
> version : 1.3.0

### gitignore **
> ### [gi](https://marketplace.visualstudio.com/items?itemName=rubbersheep.gi)
>> by Hasit Mistry
>> Version : 0.2.9
>> [gitignore.io](https://github.com/joeblau/gitignore.io)から.gitignoreを追加します
>
> ### [gitignore](https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore)
>> by CodeZombie
>> Version : 0.5.0
>> [github/gitignore](https://github.com/github/gitignore)から.gitignoreを追加します

### [Visual Studio Team Services](https://marketplace.visualstudio.com/items?itemName=ms-vsts.team)
> by Microsoft
> version : 1.121.1

### [Hg](https://marketplace.visualstudio.com/items?itemName=mrcrowl.hg)
> by mrcrowl
> version : 1.1.5

## **サイト作りの時便利になる拡張**
### [CSScomb](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-csscomb) **
> by mrmlnc
> version : 2.0.0
> CSScombのブランチです

### [Auto Complete Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-complete-tag) **
> by Jun Han
> version : 0.0.1
> [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)と[Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)を含んだ拡張です

### [CSS Peek](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek) **
> by Pranay Prakash
> version : 1.2.4

### [File Peek](https://marketplace.visualstudio.com/items?itemName=abierbaum.vscode-file-peek) **
> by abierbaum
> version : 1.0.1

### [Unitconverter](https://marketplace.visualstudio.com/items?itemName=DiegoMolina.unitconverter) **
> by DiegoMolina
> version : 1.1.5
> px, em, hex, rgb, rgbaの変換を行います

### [Express](https://marketplace.visualstudio.com/items?itemName=Compulim.vscode-express) **
> by Compulim
> version : 0.0.5

### [Regex Preview](https://marketplace.visualstudio.com/items?itemName=chrmarti.regex)
> by Christof Marti
> version : 0.0.7

## **スニペット**
### [Meta-snippet for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=wmontalvo.vsc-meta-snippet)
> by : Wilson Montalvo
> version : 0.1.1
> スニペットを作るスニペットです

## **あれば便利かもしれない拡張**
### Preview
### [Extension Leaderboard](https://marketplace.visualstudio.com/items?itemName=formulahendry.extension-leaderboard) **
> by Jun Han
> 人気の拡張機能をVSCodeからみやすく、検索しやすくします
### [hexdump for VSCode](https://marketplace.visualstudio.com/items?itemName=slevesque.vscode-hexdump)
> by slevesque
> version : 1.2.2
### [DevSkim](https://marketplace.visualstudio.com/items?itemName=MS-DevSkim.vscode-devskim)
> by Microsoft DevLabs
> version : 0.1.4

### Editor
### [Encode Decode](https://marketplace.visualstudio.com/items?itemName=mitchdenny.ecdc)
> by mitch denny
> version : 0.10.3
> 様々なものにエンコードデコードします

### [Sort lines](https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines)
> by Daniel Imms
> version : 1.1.0
> https://marketplace.visualstudio.com/items/Tyriar.sort-lines/license

### [SwitchIt!](https://marketplace.visualstudio.com/items?itemName=jbeast.switchit)
> by jbeast
> version : 1.0.2
> 主に対義語で切り替えることができます
> https://marketplace.visualstudio.com/items/jbeast.switchit/license

### http
### [Remote VSCode](https://marketplace.visualstudio.com/items?itemName=rafaelmaiolla.remote-vscode)
> by Rafael Maiolla
> version : 1.1.0
> rmateのサポートを追加します

### [Deploy](https://marketplace.visualstudio.com/items?itemName=mkloubert.vs-deploy)
> by Marcel J. Kloubert
> version : 3.31.1
> Visual Studio Code extension that provides commands to deploy files of a workspace to a destination.

### [ftp-sync](https://marketplace.visualstudio.com/items?itemName=lukasz-wronski.ftp-sync)
> by Łukasz Wroński
> version : 0.3.1
> FTPサーバー同期します

### [sftp](https://marketplace.visualstudio.com/items?itemName=liximomo.sftp)
> by liximomo
> 0.7.7

### compiler
### [wandbox-vscode](https://marketplace.visualstudio.com/items?itemName=wraith13.wandbox-vscode)
> by wraith13
> version : 2.2.0
> webの公開コンパイラー[Wandbox](https://wandbox.org/)をVS Codeから使用する拡張です。

### command
### [npm](https://marketplace.visualstudio.com/items?itemName=fknop.vscode-npm)
> by Florian Knop
> version : 3.3.0

### [yarn](https://marketplace.visualstudio.com/items?itemName=gamunu.vscode-yarn)
> by Gamunu Balagalla
> version : 1.0.0

### [vscode-hexo](https://marketplace.visualstudio.com/items?itemName=codeyu.vscode-hexo)
> by codeyu
> version : 1.0.1
>> #### [Hexo tag snippets](https://marketplace.visualstudio.com/items?itemName=maxisam.hexo-tag-snippets)

## **他サービスとの連携**
### [vscode-devdocs](https://marketplace.visualstudio.com/items?itemName=akfish.vscode-devdocs)
> by akfish
> version : 1.0.1

### [slack](https://marketplace.visualstudio.com/items?itemName=sozercan.slack)
> by sozercan
> version : 0.0.8

### [Twitter Client](https://marketplace.visualstudio.com/items?itemName=austin.vscode-twitter)
> by austin
> version : 0.6.7

### [hugofy](https://marketplace.visualstudio.com/items?itemName=akmittal.hugofy)
> by akmittal
> version : 0.0.3

### [Evenote](https://marketplace.visualstudio.com/items?itemName=rhapsodyn.vscode-evernote)
> by rhapsodyn
> version 0.1.1
>> ### [evermonkey](https://marketplace.visualstudio.com/items?itemName=michalyao.evermonkey)

## みため
### [Feather](https://marketplace.visualstudio.com/items?itemName=dericcain.feather), [Studio Icons](https://marketplace.visualstudio.com/items?itemName=jtlowe.vscode-icon-theme)
> 使用しているテーマとアイコンです
![2017-08-11.png](https://qiita-image-store.s3.amazonaws.com/0/76740/eabb1b5f-7807-7db6-33a9-ca4cc8dd9dd6.png)