VSCodeリンク集

## Extensions

### 文字コード自動判別

```json:settings.json
"files.autoGuessEncoding": true
```

### PHP Debug

```diff:launch.json
  {
      // IntelliSense を使用して利用可能な属性を学べます。
      // 既存の属性の説明をホバーして表示します。
      // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
      "version": "0.2.0",
      "configurations": [
          {
              "name": "Listen for XDebug",
              "type": "php",
              "request": "launch",
              "port": 9000,
-             "stopOnEntry": true
+             "stopOnEntry": true,
+             "pathMappings": {
+                 "/var/www/html": "${workspaceRoot}"
+             }
          },
          {
              "name": "Launch currently open script",
              "type": "php",
              "request": "launch",
              "program": "${file}",
              "cwd": "${fileDirname}",
              "port": 9000
          }
      ]
  }
```


### 日本語化

* `Japanese Language Pack for Visual Studio Code`

![ja.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25728/4154f6b0-bae8-b96a-246a-3bd112e6f15b.png)


### Draw.io

*  VSCodeの拡張機能検索窓で `Draw.io Integration` と検索してインストール。
*  拡張子を `.drawio` もしくは `.dio` でファイルを作成し開くだけ。

![draw.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25728/a0589a45-c255-0d93-9d70-34e78b8c5aef.png)


### Prettier (コード整形)

![prettier.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/25728/4e73f130-bb0c-2950-cfb0-515cc3d8f3ea.png)


----

## 起動

* 起動 : `code`
* 端末 : <code>Ctrl-`</code> , ファイル名を右クリック -> ターミナルで開く
* `ctrl-p` から以下で拡張機能インストール

```bash:git_log
ext install githistory
```

* [Visual Studio CodeでC++の環境構築をやってみる - のんびりしているエンジニアの日記](http://nonbiri-tereka.hatenablog.com/entry/2017/02/13/081605)

* build : `control + shift + b`

```bash:tasks.json
"command": "g++",
"args": ["-g3", "a.c"],
```

```json:launch.json
"program": "${workspaceRoot}/a.out",
```

```bash:gdb
gcc -g3 a.c
gdb a.out
(gdb) b a.c:5
(gdb) run
```

----

## 以下古い

* [Visual Studio Code Download](https://code.visualstudio.com/Download)

## プラグイン機能は開発中の様子

* まだ利用できない。

## MacでASP.NET

* [VisualStudioCode - Visual Studio Code+ASP.NET 5をMacOSXで試してみた - Qiita](http://qiita.com/TsuyoshiUshio@github/items/48d28d123239fea4c42d)
* [チュートリアル](https://code.visualstudio.com/docs/ASPnet5)

## Git bashから起動

* [VisualStudioCode - Windows: VSCode を Git bash から起動 - Qiita](http://qiita.com/ntabee/items/f64ca8dc7ce040a547b1)

## Font指定

* [VisualStudioCode - VSCodeのフォントにMigu 1Mを使う - Qiita](http://qiita.com/b2ox/items/2babce6e8c053fc4a0d6)

```
"editor.fontFamily": "'Migu 1M'"
```

## Node.js

* [VisualStudioCode - Visual Studio CodeでNode.js触ってみた - Qiita](http://qiita.com/rei-m/items/7193a9d1bd028dfc3e8a)

## TypeScript

* [VisualStudioCode - TypeScript on VisualStudio Code - Qiita](http://qiita.com/Quramy/items/b5739ce22aeecd068498)

## TypeScriptをコンパイル

* [Visual Studio CodeでTypeScriptをコンパイルする - Qiita](http://qiita.com/tkyaji/items/33b3e0aef207c4e29b94)
  * プロジェクトを開いた状態で -> Ctrl + Shift + P -> `Tasks: Configure Task Runner`
  * tasks.json ができるので .ts ファイルを列挙
  * Ctrl + Shift + B でビルドし .js が生成される。

## ショートカットキー設定

* [VisualStudioCodeでSublimeライクなショートカットの設定 - Qiita](http://qiita.com/GENYA/items/2563bafe12ff98791ea1)
* [Code] -> [Preferences] -> [Keyboard Shortcuts]
* ファイル
  * /Users/[YOUR USER NAME]/Library/Application Support/Code/User/
    * keybindings.json
    * settings.json

* [VisualStudioCode - Visual Studio Code向けにざっくりEmacsキーバインドを定義した - Qiita](http://qiita.com/nana4gonta/items/44e4c7426195ae5a031b)

## markdown環境、日本語フォント

* [Visual Studio Code を使って Markdown のプレビュー - Qiita](http://qiita.com/poemn/items/8094c04bba86bd4fbe54)
* [VisualStudioCode - Visual Studio Code を Markdown エディタとして使う - Qiita](http://qiita.com/spiegel-im-spiegel/items/76f5965a19c178685b83)
* [VisualStudioCode - Windows環境で Visual Studio Code - Qiita](http://qiita.com/yuann/items/e4d4581c331aedc6da02)
* [VisualStudioCode - Visual Studio Code でConsolasに含まれない文字をメイリオにする方法のメモ - Qiita](http://qiita.com/minfuk/items/c4b7caea617a1c3bdc3e)
* ファイル
  * settings.json

## ubuntu用設定

* [Ubuntu14.10でVisualStudioCodeを使えるようにしてみた - Qiita](http://qiita.com/to4king/items/a38e5a0b305894cff004)
  * `Code %f`で実行できる。

## Mac用設定

* [VisualStudioCode - Visual Studio CodeでGo言語の設定 - Qiita](http://qiita.com/evalphobia/items/f68396d573c7caf2065b)
* brew caskでインストール
  * [homebrew - OSXにVisual Studio Codeをインストール - Qiita](http://qiita.com/sl2/items/881593d5b835b1f2d1dc)

## Unity、壁紙設定、その他カスタマイズ

* [VisualStudioCode - Unityで使うためにVidualStudio Code（VSCode）入れてやったこと - Qiita](http://qiita.com/kyusyukeigo/items/2d4a961f8f89bd1552ee)
* [VisualStudioCode - Visual Studio Codeのエディタ色を変える - Qiita](http://qiita.com/kagerou_ts/items/2c45e2c6f807bb9f5324)

## 数式

* [#vscode Visual Studio Code のmarkdownでmathjaxを使えるようにするパッチ（仮） - Qiita](http://qiita.com/3846masa/items/3c63aef11682fb1957e2)

## 動作について

* [VisualStudioCode - Visual Studio Code使ってみた＠mac - Qiita](http://qiita.com/hisatoshi/items/02698db6202e26ec675e)

> sublimeはお金ないし買ってね♡メッセージ邪魔だし嫌だ！！
> Atomは遅いから嫌だ！！
> って人ならわりかしありだと思います。

* [Visual Studio Code をUnityで使う (Windows編) - Qiita](http://qiita.com/kagerou_ts/items/ac034ca9d3c3914ced42)

> 実際にUnityで開発を始めると、Consoleに出たエラーメッセージなどから該当行にジャンプできなくてつらいことが判明。