CHROMEBOOKでVS Codeを使用した学習

2020年12月3日By Alessandro Segala,@ItalyPaleAle

ここ数年、Google Chrome OSを実行しているChromebookは、「従来の」ラップトップの代 非常に手頃な価格のモデルからハイエンドのモデルまで、多くの選択肢のおかげで、Chromebookは、学習、課題の完了、および事実上のクラスに出席するためにそ

ChromebookとChrome OSは通常、webブラウザを中心にしていますが、Visual Studio Codeを含むネイティブデスクトップアプリケーションをインストールできるLinux環境を有効にするこ

ChromebookでVS Codeを実行すると、さまざまな言語やフレームワークで簡単かつ迅速にコーディングを開始できます。 これには、Python、JavaScript、Nodeなどの言語が含まれます。js、Java、およびC#、より多くの中で!

この記事では、最初の2つのうち、ChromebookにVisual Studio Codeをインストールする方法と、PythonまたはJavaScript/Nodeでコーディングを開始する環境を設定する方法を説明します。js”を発表した。 後の記事では、VS Codeのリモート開発拡張機能を活用して、より強力な開発環境に接続する方法についても説明します。

必要なもの

VS Codeは、Crostiniを介してLinuxアプリケーションを有効にできる限り、最近のChromebookで実行されます。

Visual Studio Codeは軽量なエディタなので、最低1GBのRAMを搭載した低消費電力のChromebookで実行できます。 さらに、VS CodeはArmv7およびARM64のLinuxで利用できるようになりました。

このチュートリアルでは、ARM64CPU、4GBのRAM、および32GBのディスクを搭載したエントリーレベルのChromebookを使用します。 控えめな仕様にもかかわらず、VS Codeはこのマシンで正常に動作します!

ChromebookでLinuxを有効にする

Chrome OSにVS Codeをインストールする前に、Crostiniを使用してネイティブLinuxアプリのサポートを有効にする必要があります。

まず、システムの設定を開き、サイドバーでLinux(Beta)を探します。 そこから、Linuxサポートをオンにします。

Chrome OSでLinuxサポートを有効にする

画面の指示に従ってLinux環境を設定します(ほとんどの人にとっては、デフォルト値を受け入れるだけで十分です)。 Chromebookは、Linux環境を作成して設定するためのツールをダウンロードします。 舞台裏では、これは実際にDebian10を実行しているコンテナを作成しているので、完全なLinuxディストリビューションをプレイすることができます!

Linux環境がセットアップされると、新しいターミナルウィンドウがポップアップ表示されます。

Linux上で実行されているターミナル

VS Codeをインストールする前に、Linuxターミナルでいくつかのコマンドを実行する必要があります。 Linuxパッケージのリストを更新し、オプションの(ただし強く推奨される)依存関係gnome-keyringをインストールする必要があります。 ターミナルで、次の2つのコマンドを入力します(各コマンドの最後にあるEnterキーを押して実行します):

sudo apt-get updatesudo apt-get install -y gnome-keyring

出力は次のようになります:

ターミナルでのコマンドの出力

2番目のコマンドが終了するとすぐに、次のステップに進むことができます。

Vs Codeのインストール

これでVS Codeをインストールする準備が整いました!

Visual Studio Codeのダウンロードページに移動します。 そこから、Chromebookに適したパッケージを選択する必要があります:

  • IntelまたはAMDチップを実行しているChromebookの場合は、を選択します。変種64ビットのdeb。
  • ChromebookがARM64チップ(私がテストしているもののようなもの)で実行されている場合は、を選択してください。代わりに、バリアントARM64のdebパッケージ。

Chromebookがどのような種類のCPUを使用しているかわからない場合は、Linuxターミナルでコマンドdpkg --print-architectureを実行して確認してください。 次のいずれかが表示されますamd64(IntelチップとAMDチップの両方: VSコードの64ビットバリアントを選択)またはarm64(ARM64を選択)。

アーキテクチャを見つけるためのコマンドの出力:このラップトップはarm64で実行されています

VS Codeをダウンロードした後、パッケージはDownloadsフォル パッケージをダブルクリックしてインストーラを起動します:

Vs Codeのインストールを要求するパッケージインストーラ

Chromebookは、VS Codeと他のすべての依存関係をインストールします。

インストールが完了すると、アプリのリストに、(Linuxターミナルと一緒に)Linux appsというフォルダ内にVisual Studio Codeがあります。 これでVS Codeを起動できます。

Visual Studio Codeアプリを起動する

VS Codeが実行されていることがわかり、この時点でコーディングを開始する準備が整いました!Chromebookで実行されているVS Code

vs Codeを初めて使用し、エディタの使用方法を知りたい場合は、以下のリソースを参照してください:

  • VS Code入門ビデオ: これらのビデオでは、VS Codeを使用してファイルやフォルダを開き、テーマや拡張機能をインストールし、エディタを設定する方法などを説明します。
  • VS Codeでコードを学ぶ:私たちの”学ぶ”セクションには、コーディングに慣れていない人のための記事、チュートリアル、ビデオが含まれています。

JavaScriptとノードを使用したコード。js

JavaScriptは非常に柔軟なプログラミング言語であり、webブラウザ内やノードを持つwebサーバー上で実行されるアプリを構築するために使用できます。js”を発表した。 最近では、ネイティブデスクトップアプリ(Electron)やモバイルアプリ(Apache Cordoba、React Nativeなど)の構築にもJavaScriptが使用されています。iot)デバイスのプログラミング、および大いに多く。

ヒント:JavaScriptを学びたい場合は、私たちの同僚が作った無料のビデオシリーズがあります:見る:初心者のシリーズからJavaScriptへ

Visual Studio Codeは、JavaScriptとノードを使用したコーディングのための非常に人気のあるエディタです。js(JS surveyの状態)、およびjavascriptをネイティブにサポートしています。

しかし、ノードを使用するために。js(および一般的なJavaScript)Chromebookでは、ノードをインストールする必要があります。jsランタイム。 これを行うには、Nodeのインストールを容易にする小さなオープンソースのユーティリティであるnvmを使用します。jsとそれを更新します。

Nvmをインストールするには、Linuxターミナル内で次のコマンドを実行します:

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bashsource .bashrc

nvmをインストールした後、Nodeの最新バージョンをインストールできます。このコマンドを使用したjs:

nvm install node

ノードをインストールします。nvm経由のjs

ヒント: VS Codeに統合された端末が含まれていることをご存知ですか? ターミナルメニューから起動し、新しいターミナルから起動することができます。 VS CodeはLinux環境のコンテキストで実行されているため、統合端末もLinuxで実行されています。

nvmは、ノードのセットアップ、更新、および管理のためのかなりの数のオプションを提供します。js”を発表した。 興味がある場合は、nvmの公式ドキュメントで詳細を読むことができます。

jsがインストールされている場合は、ターミナルでnodeコマンドを使用できます(node --versionを実行することは、ノードを確認する良い方法です。jsのインストール)だけでなく、このような統合されたタスクランナーとノードのデバッガなどのVSコードのすべての組み込み機能、。jsとJavaScript。 JavaScriptとNodeの使用方法の詳細については、こちらをご覧ください。VS Codeのjsは、VS Codeのドキュメントをチェックしてください!

Pythonを使ったコード

Pythonはもう一つの人気のあるプログラミング言語であり、初心者には特に最適です。 Pythonを使用すると、web、デスクトップ、およびコマンドライン用のアプリを構築できます。 Pythonは、データサイエンスや人工知能(AI)を扱うのに最適な言語の1つであり、IoTデバイスやマイクロコントローラなどのプログラムにも使用されています。

VS CodeはPythonをコーディングし、言語を学ぶための優れたエディタです。 VS CodeでPythonを使用すると、あらゆる種類のアプリを構築したり、データサイエンティストが使用するようなノートブックを操作したりすることができます。

ヒント:Pythonの入門を見ているなら、無料のビデオシリーズもあります:Watch: Pythonビデオシリーズの紹介

Chrome OSにはすでにPython3インタプリタがプリインストールされていますが、最高のPythonコーディング体験を得るためには、さらにいくつかのパッケージをイ これには、Pip(Pythonの依存関係マネージャー)、venv(Python仮想環境を管理するため)、およびネイティブパッケージを操作するためのいくつかのビルドツールが含まれます。 ターミナルで、次のコマンドを実行します:

sudo apt-get install -y python3-pip python3-dev python3-venv build-essential libssl-dev libffi-dev

PYTHON依存関係のインストール

VS CodeでのPythonサポートは、Microsoft Python拡張機能を介して提供されます。 PYTHON拡張機能をインストールするには、VS Code内から左のアクティビティバーを使用して拡張機能ビュー(⌘X(Windows、Linux Ctrl+Shift+X))を開き、「Python」を検索してmicrosoftが提供する拡張:

VS CodeのPython拡張機能をインストールする

この時点で、VS CodeでPythonを使って開発を開始する準備が整いました! コードの実行、統合デバッガの使用、lintingなど、VsコードでPythonを使用する方法の詳細については、以下を参照してください。、VS CodeのPythonのドキュメントをチェックしてください。

それは今日のためにすべてです! この記事では、ChromebookにVS Codeをインストールする方法と、JavaScript/Nodeでコーディングを開始する方法を見ました。jsとPython。

しかし、待って、より多くがあります。 ChromebookはVS Codeを正常に実行できますが、私がテストしているような低出力のバージョンでも、より多くのメモリやより高速なCPUを使用して、開発に高速なマ たとえば、ARM搭載のChromebookを使用しているかもしれませんが、Intel/AMDチップでコードを実行する必要があります。 あるいは、人工知能を使って作業し、強力なGpuを搭載したマシンにアクセスする必要があるかもしれません。

VS Codeとリモート開発拡張機能(SSHとコンテナ)、GitHub Codespacesを使用すると、上記のすべての問題やその他の問題を解決できます。

このチュートリアルの次の部分では、VS Code Remote extensionsとGitHub CodespacesがChromebookを開発の大国に変える方法を学びます!

その間に、幸せなコーディング…そして幸せな学習!

ALESSANDRO Segala、VS Codeプロダクトマネージャー@ItalyPaleAle

コメントを残す

メールアドレスが公開されることはありません。