VSCode コードを書く

VS Code は JavaScript、TypeScript、HTML、CSS など、さまざまな言語のサポートを内蔵しています。

この章では、JavaScript コードファイルを作成し、VS Code が提供するいくつかのコード編集機能を使用します。

VS Code は多くのプログラミング言語をサポートしています。後の章では、さらにPython 言語拡張機能をインストールし、他の言語のサポートを追加します。

エクスプローラー（Explorer）ビューで、app.js という名前の新しいファイルを作成し、次の JavaScript コードを入力します：

例

function sayHello(name) {
console.log('Hello, ' + name);
}

sayHello('VS Code');

コード自動補完（IntelliSense）：コードを入力し始めると、コード補完の提案がポップアップ表示されます。方向キーを使用して↑ 或 ↓（上下キー）で提案項目を移動し、Tabキーを押して、選択した提案を選択して挿入します。

構文ハイライト：コードのフォーマット表示（構文ハイライト）に注目してください。これはコードの各部分を区別し、可読性を高めるのに役立ちます。

カーソルを文字列 'Hello,' の上に置くと、小さな電球アイコンが表示され、コード操作（Code Action）を適用できることを示します。

ショートカットキーを使用して⌃Space電球メニューを開くこともできます。

電球アイコンをクリックし、Convert to template string（テンプレート文字列に変換）を選択します。

コード操作は、コードに対してクイックフィックス（迅速な修正）の提案を提供します。

この例では、Code Action は文字列の連結を：

"Hello, " + name

テンプレート文字列に変換：

`Hello, ${name}`

テンプレート文字列は JavaScript の特別な構文で、文字列の中に式を埋め込むことができます。

変換後のコードは次のとおりです：

その他の拡張機能