Visual Studio Codeで開発環境を整える

• Sublime Text
• Atom
• Brackets
• 等々

いろいろ試してきたけれど

今のところVS Codeが良さそうなので、これで開発環境を整えてみる。

• デフォルトでマークダウンのプレビューができる
  • 拡張子.mdのファイルを開くと右上にプレビューボタンが出る
• Emmetはデフォルトで入っている
• Command + Shift + Pでコマンドパレットを開く
• 1つのウィンドウに複数のワークスペースを入れることはできないのかな？ワークスペースを切り替えたい時は別ウィンドウを立ち上げるしかなさそう。

機能拡張

ブラウザで開く

open in browser - Visual Studio Marketplace

https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser

Extension for Visual Studio Code - This allows you to open the current file in your default browser or application.

option + B でデフォルトブラウザで開く

アイコン

vscode-icons - Visual Studio Marketplace

https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons

Extension for Visual Studio Code - Icons for Visual Studio Code

デフォルトではフォルダアイコンがないので。
人気上位をいくつか比べてみたけど1番人気のこれが見やすかった。

FTP

ftp-sync - Visual Studio Marketplace

https://marketplace.visualstudio.com/items?itemName=lukasz-wronski.ftp-sync

Extension for Visual Studio Code - Auto sync your work to remote FTP/SFTP server

いまいち使い方がピンとこない。ダウンロードはできないのかな？
他にも評価の高いFTPプラグインはあるので試してみる。

あとはGITを設定するぞ。