Visual Studio Code を Markdown エディタとして使う

2015年11月17日， Visual Studio Code はベータ版に昇格した。以下の記事内容は既に古いものなのでご注意を。

- [Announcing Visual Studio Code Beta - Visual Studio Code - Site Home - MSDN Blogs](http://blogs.msdn.com/b/vscode/archive/2015/11/17/announcing-visual-studio-code-beta.aspx)
- [［速報］無償のコードエディタ「Visual Studio Code」が、Go言語/Pascal/Reactなどに対応。ベータ版にも到達。Microsoft Connect(); 2015 － Publickey](http://www.publickey1.jp/blog/15/visual_studio_code_go_pascal.html)
- [［速報］オープンソース版.NETがリリース候補版に到達。Windows、MacOS X、Linuxで同一の.NETアプリが実行可能に。Microsoft Connect(); 2015 － Publickey](http://www.publickey1.jp/blog/15/netwindowsmacos_xlinux.html)

## Visual Studio Code を Markdown エディタとして使う

Microsoft から [Visual Studio Code] の preview 版がリリースされている。

- [Visual Studio Code - Code Editing. Redefined.](https://code.visualstudio.com/)
- [Announcing Visual Studio Code - Preview - Visual Studio Code - Site Home - MSDN Blogs](http://blogs.msdn.com/b/vscode/archive/2015/04/29/announcing-visual-studio-code-preview.aspx)
- [［速報］マイクロソフト、コードを書くのに最適化したツール「Visual Studio Code」発表。Windows、MacOS、Linuxに対応、無料提供。Build 2015 － Publickey](http://www.publickey1.jp/blog/15/visual_studio_code.html)

[Visual Studio Code]: https://code.visualstudio.com/ "Visual Studio Code - Code Editing. Redefined."

これまでの統合開発環境（Integrated Development Environment; IDE）とはちょっと違い，テキストエディタに git 機能やデバッガが組み込まれているイメージ。なので， “Open Folder...” で基点となるフォルダを指定すれば [Visual Studio Code] が勝手に判断していろいろやってくれる。

対応している言語は以下の通り。

- Batch
- C++
- Closure
- Coffee Script
- DockerFile
- F#
- Go
- Jade
- Java
- HandleBars
- Ini
- Lua
- Makefile
- Markdown
- Objective-C
- Perl
- PHP
- PowerShell
- Python
- R
- Razor
- Ruby
- SQL
- Visual Basic
- XML

まぁ，テキストエディタは手に馴染むかどうかが絶対的に重要なので，人によって好き嫌いが激しいツールではあるが， Microsoft にしては面白い試みだと思うので，いろいろ遊んでみたいと思う。

手始めに Markdown エディタとして使ってみる。ちなみに Windows 環境です（Linux でも Mac OS X でも変わらないと思うけど）。

 ![Visual Studio Code 1](https://farm9.staticflickr.com/8695/17385885572_809e829fbb.jpg "Visual Studio Code 1")

右肩にあるアイコンがポイント。左から “Split Editor”, “Switch to Changes View”, “Open Preview”, “Close”。 
“Split Editor” をクリックすると

 ![Visual Studio Code 2](https://farm9.staticflickr.com/8796/17387513121_7669eefe73.jpg "Visual Studio Code 2")

という感じでウィンドウ分割される。左右の分割のみで上下には分割されないみたい？ まぁきょうびは大きいモニタも普通なのでこれでいいのかもしれないけど。
さらに右側のウィンドウで “Open Preview” をクリックすると

 ![Visual Studio Code 3](https://farm9.staticflickr.com/8779/17385885872_63820caa16.jpg "Visual Studio Code 3")

のようになる。当然ながら左右のウィンドウは連動しているので，これで表示を確認しながら markdown 入力ができる。

“Switch to Changes View” は git と連動していて

 ![Visual Studio Code 4](https://farm8.staticflickr.com/7769/17388081575_af5862b80e.jpg "Visual Studio Code 4")

のように表示される。ちなみに左側が commit base で書き込み不可になっている。もちろん [Visual Studio Code] 上で commit や pull/push が可能である。

## 参考

- [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)
- [Visual Studio Code - Update 1 (0.3.0) - Visual Studio Code - Site Home - MSDN Blogs](http://blogs.msdn.com/b/vscode/archive/2015/06/02/visual-studio-code-update-1-0-3-0.aspx)
- [Getting Started with Angular and Visual Studio Code - Visual Studio Code - Site Home - MSDN Blogs](http://blogs.msdn.com/b/vscode/archive/2015/05/22/getting-started-with-angular-and-visual-studio-code.aspx)
- [VisualStudioCode - Visual Studio Codeリンク集 - Qiita](http://qiita.com/tukiyo3/items/1a664bf3858e42040488)
- [Visual Studio Code - July Update (0.5.0)](http://blogs.msdn.com/b/vscode/archive/2015/07/06/visual-studio-code-july-update-0-5-0.aspx)
- [Windows、MacOS、Linux対応の「Visual Studio Code」、ECMAScript 6をサポートしたバージョン0.5をリリース － Publickey](http://www.publickey1.jp/blog/15/visual_studio_code_ecmascript_6.html)
- [Visual Studio Code ♥ ES6 - Visual Studio Code - Site Home - MSDN Blogs](http://blogs.msdn.com/b/vscode/archive/2015/07/06/vs-code-es6.aspx)
- [Visual Studio Code - September Update (0.8.0) - Visual Studio Code - Site Home - MSDN Blogs](http://blogs.msdn.com/b/vscode/archive/2015/09/10/visual-studio-code-september-update-0-8-0.aspx)
- [VSCode Documentation moves to GitHub - Visual Studio Code - Site Home - MSDN Blogs](http://blogs.msdn.com/b/vscode/archive/2015/09/11/vscode-documentation-moves-to-github.aspx)