Check! オンラインエディタ Visual Studio Online "Monaco" の機能ピックアップ

こんばんは、オークファンの @dz_ こと大平かづみです。

Prologue - はじめに

Visual Studio Online "Monaco" は見た目がシンプルなので、機能が少ないように見えますが、必要な機能をしっかり押さえています。

いいなと思った機能をピックアップしてみます。

Visual Studio Online "Monaco" 機能ピックアップ

• ドラッグ＆ドロップでファイルをアップロードできます
• zip ファイルをドラッグ＆ドロップでアップロードし、アップロードされた zip ファイルを右クリックで解凍できます
• Git をつかえます！（後述）
• ファイル検索ができます（後述）
• コンソールにアクセスできます（後述）
• Visual Studio Team Service と連携できます（後述）

Git の利用

右のメニューから Git の画面を開き Git でバージョン管理することができます。

ファイル検索

ファイル名で検索できます。地味に重宝しますよね～。

コンソール

左のメニュー、または Ctrl + Shift + C でコンソールが開きます。

コンソールで使えるコマンドはこちらです。

\> help
Built in commands:
    cd              Directory navigation
    copy
    del
    dir
    exit            Closes the console
    git             Git source control commanding
    help            List of available commands
    mkdir
    move
    msbuild         MSBuild commanding
    node            Node.js commanding
    npm             Node package manager
    nuget           NuGet commanding
    open            Open file in editor
    ps              PowerShell commanding
    rd
    rename
    rmdir
    touch           Touch a file if it exists or create it otherwise
    unzip           Unzip archives

Native windows commands (append /? for help):
    copy            Copy files
    del             Delete a file
    move            Move files
    rename          Rename files
    dir             Directory browsing
    mkdir           Create a directory
    rmdir           Delete a directory

Visual Studio Online Team Service と連携

Git の画面の「Connect Visual Studio Online」のリンクや、画面上部のプロジェクト名のプルダウンから、Visual Studio Online Team Service と関連付けることができます。

テーマの切換え

エディタの見た目を変更できます。初期状態は白を基調としたテーマで、ダークバージョンや、ハイコントラストを選べます。ちなみに、この記事のキャプチャでは Dark Theme を使ってます。

Epilogue - おわりに

Visual Studio Online "Monaco" に限らず、オンラインエディタは、手元のPC環境に左右されないので重宝しています。使いこなしていきたいですね！