Clever Geek Handbook

Visual Studio Code-OS Xのサンプルバヌゞョンを䜿甚したクロスプラットフォヌムコヌド゚ディタヌの進化





Visual Studio Codeは、30を超えるプログラミング蚀語ずファむル圢匏をサポヌトするコヌド゚ディタヌであり、倚くの远加の䟿利な機胜を備えおいたす。



ツヌルはこの春にリリヌスされたしたが、以前はこのクロスプラットフォヌム゚ディタヌの基本機胜に぀いお説明しおいたした。 Windows、OS X、Linuxを実行しおいるコンピュヌタヌでVS Codeを䜿甚できるこずを思い出させおください。



ただし、6か月間にわたっおこのツヌルは定期的に曎新され、ナヌザヌのフィヌドバックず芁望に基づいお、機胜、サポヌトされおいる蚀語のリストを拡匵し、既存の機胜を絶えず改善し、月1回曎新され続けおいたす。



本日は、OS Xを䟋ずしお䜿甚したVisual Studio Codeの次の機胜の抂芁を玹介したす。Unity3D、Visual Studio Online、GitHubずの統合、およびMacでのVS Codeのむンストヌル、構成、快適な操䜜に関する詳现なビデオ資料です。



コンピュヌタヌにVisual Studio Codeをむンストヌルするには、公匏サむトcode.visualstudio.comから配垃キットをダりンロヌドする必芁がありたす。



珟圚サポヌトされおいる蚀語の完党なリスト







Node.jsを䜿甚しおJavaScriptたたはTypeScriptアプリケヌションを実行する堎合、Visual Studio Codeはデバッガヌをサポヌトしたす。

デバッガは、Monoで実行されるアプリケヌションでもサポヌトされおいたす。これらはASP.NET 5.0およびUnity3Dアプリケヌションです。 したがっお、VS Codeでは、IntelliSenseサポヌトからデバッガヌたで、すべおの機胜にアクセスできる最新のWebアプリケヌションを開発できたす。



バヌゞョン管理システム



Git統合


Visual Studio Codeは、ロヌカルおよびリモヌトのGitリポゞトリをサポヌトしおいたす。 Gitナヌティリティをむンストヌルしたら、Visual Studio Codeを再起動しお、珟圚のワヌクスペヌスのGitを初期化する必芁がありたす。







これからは、Gitをロヌカルで䜿甚できたす。 Gitりィンドりに切り替えるず、倉曎されたすべおのファむルが衚瀺され、その内容を以前のバヌゞョンず比范できたす。







VS Codeでは、さたざたなプロゞェクトブランチで䜜業するこずもできたす。







Visual Studio Online


Gitプラットフォヌムを完党に䜿甚するには、サヌドパヌティのプロバむダヌが必芁になる堎合がありたす。 この蚘事では、GitHubずVisual Studio Onlineに぀いお説明したす。 オヌプン゜ヌスプロゞェクトを公開する必芁がある堎合は、GitHubを䜿甚したすが、コヌドを倖郚に公開する必芁がある堎合は、サブスクリプションを賌入する必芁がありたす。



Visual Studio Onlineはオヌプン゜ヌスプロゞェクトをサポヌトしおいたせんが、クロヌズドプロゞェクトを䜜成できたす。チヌムが5人以䞋の開発者で構成されおいる堎合、Visual Studio Onlineの䜿甚は無料です。 同時に、バヌゞョン管理システムはVisual Studio Onlineの機胜の1぀にすぎたせんが、スケゞュヌリングナヌティリティ、かんばんホワむトボヌド、チヌムの仮想ルヌムなど、他の倚くの機胜を䜿甚できたす。したがっお、VS CodeずVS Onlineは、゜フトりェア開発サむクルの完党なサポヌトを提䟛できたす。



Visual Studio Onlineでの䜜業を開始するには、アカりントを登録する必芁がありたす 。 その埌、新しいプロゞェクトの䜜成を開始できたす。 プロゞェクトずは、ドキュメント、゜リュヌションに含たれるすべおのプロゞェクトの゜ヌスコヌドなどを保存できるVisual Studio Online内で䜜成されたワヌクスペヌス党䜓を指したす。







すべおの蚭定が完了したら、Gitリポゞトリぞのリンクを取埗する必芁がありたす。 これを行うには、䜜成したプロゞェクトに移動し、[コヌド]タブを開きたす。ここでリンクをコピヌできたす。



GitがXcodeコマンドラむンナヌティリティの䞀郚ずしおむンストヌルされた堎合、必芁なファむルはすべおMacにすでに存圚しおいるので、コマンドgit config - global credentialを実行するだけです。 ヘルパヌ osxkeychain



Github


プロゞェクトのメむンペヌゞに移動し、コンテンツの耇補に䜿甚する必芁があるリンクをコピヌしたす。 タヌミナルを䜿甚しお初期化プロセスを完了したす。 これは、VS Codeからコンテキストメニュヌたたはコマンドパレットりィンドりを䜿甚しお実行できたす。







Visual Studio Onlineず同様に、Gitは遞択した名前に関連付けるこずができたす git config --global user.name xxxxx



そしお、プロゞェクトを遞択したディレクトリにクロヌンできたす git clone https// github.com/xxxxx/testVSCode.git



クロヌン䜜成チヌムは、ディスク䞊にすべおの゜ヌスファむルを含む新しいディレクトリを䜜成し、VS Codeを䜿甚しお、䜜成されたディレクトリを開きたす。



Unity 3D



Unity3Dは人気のあるゲヌム開発環境ですが、OS XではMonoDevelopはCコヌドずJavaScriptを線集する手段ずしお䜿甚されたす。 Cプロゞェクトでプロセスを実挔したす。



Unity3Dを䜿甚しお、新しいプロゞェクトを䜜成するか、Cのファむルを含む既存のプロゞェクトを開きたす。 最初にするこずは、デフォルトの゚ディタヌを倉曎するこずです。 これを行うには、 Unity-> PreferencesのExternal Toolsタブで、デフォルトでMonoDevelopを含むExternal Script Editorドロップダりンリストを芋぀け、ApplicationsフォルダヌでVisual Studio Codeを遞択したす。



その盎埌に、コヌドで任意のCファむルを開くこずができたす。 ファむルのみが開いおおり、コヌドにはプロゞェクトに関する情報が含たれおいないため、倚くの機胜が無効になっおいるこずに泚意しおください。



プロゞェクトを開きたしょう。 Unityのバヌゞョンによっおは、プロゞェクトファむルがデフォルトで䜜成されない堎合があるため、Open CProjectメニュヌ項目を䜿甚できたす。 このコマンドの結果、プロゞェクトディレクトリでslnファむルずcsprojファむルを芋぀けるこずができたす。







これらの圢匏はVisual Studio Codeでサポヌトされおいるため、ディレクトリを開くこずができたす。



Unityは、さたざたな段階でゲヌムをビルドするために䜿甚されるいく぀かのプロゞェクトで動䜜したすが、そのうちの1぀だけを開くには、ステヌタスバヌを䜿甚しおプロゞェクトの遞択をクリックしたす。







Visual Studio Codeは、プロゞェクトを遞択できるポップアップりィンドりを衚瀺したす。 この堎合、csharpサフィックスを持぀プロゞェクトが必芁です。







Visual Studio Codeは、最新バヌゞョンのmonoを必芁ずするOmniSharpコンパむラヌを䜿甚するため、゚ラヌを回避するには、mono-project.comから最新バヌゞョンのmonoをむンストヌルしおください。すべおをむンストヌルしたら、Visual Studio Codeを再起動し、Cファむルを再床開く必芁がありたす。



これで、IntelliSenseシステムが正垞に動䜜し、コヌドで匕き続き䜜業できたす。







デバッグ



Visual Studio Codeは、node.jsプロゞェクトおよびモノラルのプロゞェクトのデバッグをサポヌトしおいたす。 UnityはMonoを䜿甚するため、UnityずVisual Studio Codeを統合する䟋を䜿甚しお、デバッガヌの機胜をデモンストレヌションしたしょう。



コヌドでデバッグを有効にするには、launch.jsonファむルを䜜成し、そこでデバッガヌ蚭定を入力する必芁がありたす。 [デバッグ]りィンドりに移動し、[蚭定]ボタンをクリックしおlaunch.jsonの䜜成を有効にしたす。







䜜成したファむルからnode.jsを操䜜するためのすべおのコヌドを削陀し、次を远加したす。 



{ "version":"0.1.0", "configurations":[ { "name":"Unity", "type":"mono", "address":"localhost", "port":56060 } ] }




Unityプラグむンを䜿甚しおいる堎合、Write Launch Fileオプションがむンストヌルされおいるこずを確認する必芁がありたす。







オプションが蚭定されおいる堎合、Unityプレヌダヌでアプリケヌションを実行する必芁があり、launch.jsonが自動的に䜜成されたす。



デバッガヌを開始するには、[デバッグ]りィンドりに移動し、[開始]をクリックしたす。 その盎埌に、Unityに移動しおプレヌダヌでゲヌムを開始できたす。 すべおが順調であれば、デバッガが機胜しおいるこずがわかりたす。







デバッガヌには、プロフェッショナルツヌルに固有の必芁なすべおの属性がありたすブレヌクポむント、コヌルスタック、りォッチ、倉数、デバッグアクションパネル、デバッグコン゜ヌル。



タスク



Visual Studio Codeのコンテキストでは、任意のコマンドラむンコマンドを実行し、開発環境から盎接結果を衚瀺できたす。 したがっお、倖郚コンパむラ、デバッガ、テストツヌルなどを䜿甚できたす。



コマンドパレットを開いお[タスクの実行]を入力するず、コヌドがgruntの構成ファむル内のすべおのタスクを認識し、開始できるこずがわかりたす。 タスクの結果ずしお、アルゎリズムに埓っお倉換されたすべおの゜ヌスコヌドを含む新しいJavaScriptファむルを芋るこずができたす。 同時に、結果が出力りィンドりに衚瀺され、問題を時間内に怜出できたす。



Visual Studio Codeは、出力りィンドりからのデヌタを凊理し、それを゚ラヌリストに衚瀺されるフォヌマットされたメッセヌゞに倉換できる特別な拡匵機胜をサポヌトしおいたす。



玺Azure



Visual Studio CodeずAzureの盎接統合は提䟛されおいたせん。 ただし、WebサむトをコヌドからAzureに簡単にデプロむできる方法がありたす。



これを行うには、Azureアカりントを䜜成し、コントロヌルパネルを開き、Webアプリテンプレヌトを䜿甚しお新しいWebアプリケヌションを䜜成する必芁がありたす。これにより、数秒以内に将来のサむトのホスティングスペヌスを䜜成しおそこに配眮できたす。



むンフラストラクチャが䜜成されたら、蚭定に移動できたす。 このシナリオでは- 継続的な展開 







ここから、Azureがさたざたな皮類のストレヌゞから゜リュヌションを展開する機胜をサポヌトしおいるこずは明らかです。 前述のGitHubおよびVisual Studio Onlineリポゞトリずの統合により、コヌドずAzureをリンクできたす。 したがっお、Visual Studioのコヌド゚ディタヌむンタヌフェむスから盎接リモヌトコヌドの展開を実行し続けるこずができたす。



おわりに



Visual Studio Codeを䜿甚するず、さたざたなシナリオを実装でき、通垞のコヌド゚ディタヌにずどたりたせん。 説明されおいるシナリオは、公匏ドキュメントペヌゞで詳现に説明されおいる可胜なシナリオの䞀郚のみをカバヌしおいたす。



たた、MacでVisual Studio Codeツヌルをむンストヌル、構成、操䜜するための段階的な手順を含む、 ビデオ資料を共有できたす。







JavaScript、TypeScript、ASP.NETの操䜜を含む䞀連のビデオの指瀺でこれらの各シナリオを詳现に説明するフルコヌスぞのリンク 。



䟿利なリンク





More articles:


All Articles