Introduction to VSCode

～ Tohoku ComCamp 2016 ～

Introduction to Visual Studio Code

五十嵐祐貴(いがらしゆうき) @bonprosoft

Microsoft MVPサトヤ仙台

自己紹介

• 五十嵐祐貴（ @bonprosoft ）

• Microsoft MVP for Visual Studio and Development Technologies

• Microsoft Student Partners Fellow

• サトヤ仙台代表

• 他o 東北大学工学部電気情報工学科

近況

• 本を書きましたo .NET開発テクノロジ入門2016年版Visual Studio 2015対応版

はじめに

みなさん

はじめに

開発楽しんでますか？

はじめに

みんなが大好きなエディタと言えば…

はじめに

みんなが大好きなエディタと言えば…

Visual Studio

2016年2月10日

Visual Studio 2015 Update 2 CTPリリース

Visual Studio2015

• クロスプラットフォームモバイル開発

o Xamarin

o Apache Cordova

o Android ネイティブ開発キット

o Unity

• ASP.NET Core 1.0

Visual Studio 2015

• クロスプラットフォームモバイル開発

o Xamarin

o Apache Cordova

o Android ネイティブ開発キット

o Unity

Visual Studio 2015

.NET 2015

RyuJIT, SIMD

Runtime Compilers.NET Compiler Platform (“Roslyn”)

C#/F#/VB Languages

.NET Core 5 Libraries

.NET Framework 4.6 Libraries

Libraries

.NET Framework 4.6 .NET Core 5

Fully-featured and integrated

.NET libraries and runtime for Windows

Modular and optimized

.NET libraries and runtimes

ASP.NET 5 is dead?

• ASP.NET 5の名称変更o ASP.NET 5と4.6の関係をより明確に

• 以下の名称も変更o .NET Core 5 => .NET Core 1.0

o Entity Framework 7 =>

Entity Framework Core 1.0

o ASP.NET MVC 6 =>

ASP.NET Core MVC 1.0

ASP.NET 5 is dead?

.NET 2015

RyuJIT, SIMD


C#/F#/VB Languages



Libraries

.NET Framework 4.6 .NET Core 5





.NET 2015 (New)

RyuJIT, SIMD


C#/F#/VB Languages



Libraries

.NET Framework 4.6 .NET Core 1.0





ASP.NET 4.6

様々なシナリオに適した完全な .NET Framework とライブラリ

BCL (Base Class Library)

ASP.NET 4.6 and ASP.NET Core 1.0

サーバー & クラウド環境に最適化された軽量ランタイム (.NET Framework サブセット)

Mono

様々なシナリオに適した完全な .NET Framework とライブラリ

BCL (Base Class Library) CoreFX (.NET Core Libraries)

クロスプラットフォームな開発支援環境

• オープンソースなコードエディタ

o 様々な言語に対応（30over）

o Gitと強力な連携

o タスクランナーを搭載

gulp, grunt

o 各種ランタイムと連携

Node.js, ASP.NET Core 1.0, Unity …

o プラグインシステムを搭載後述

クロスプラットフォームな開発支援環境

VSCode Overview

サポート機能シンタックスハイライト,

Bracket Matching

Batch, C++, Clojure, Coffee Script,

DockerFile, F#, Go, Jade, Java,

HandleBars, Ini, Lua, Makefile,

Objective-C, Perl, PowerShell, Python,

R, Razor, Ruby, Rust, SQL, Visual

Basic, XML+ スニペット Groovy, Markdown, PHP, Swift＋IntelliSense,Outline CSS, HTML, JavaScript, JSON, Less,

Sass＋リファクタリング,参照検索

C#, TypeScript

• Git連携

o 基本的な操作はエディタだけで完結

o Gitと連携した開発時支援機能もあり

VSCode Overview

• タスクランナー連携o 圧縮やコンパイル処理などを自動化

o gulpjs, Gruntなど

o Gulpfile.jsやGruntfile.js

編集時にも支援機能

VSCode Overview

Visual Studio Code Marketplace

Demo

VSShare

VSShare

• VSShareo エディタで表示している内容をリアルタイムにWebで表示

各種テクノロジと強力な連携

ASP.NET Core


• Node.jso IntelliSenseによる開発支援

o npmとの連携

o デバッグ支援

ブレークポイント

変数ウインドウ

デバッグコンソールなど

ASP.NET Core


ASP.NET Core

• ASP.NET Core

o OmniSharpと連携した強力な入力補完

o yoプラグインによるスキャフォールディング



• TypeScript

o IntelliSenseによる開発支援

o 型定義ファイルの自動ダウンロード


DemoASP.NET Core

Introduction to VSCode

Technology

Transcript of Introduction to VSCode