Visual Studio Code でのコード編集
この Visual Studio Code チュートリアルでは、以下に示す機能を含め、小さなコードの編集と実行の方法について説明します。この概要をご覧になった後、関連リソースセクションで、その他の機能をご確認ください。
次におすすめの動画です: 生産性向上チップス
リストから別のビデオを選択: 入門ビデオ
ビデオの概要
- フォルダーを開く。
- ファイル > フォルダーを開く (Ctrl+K Ctrl+O)
- ファイルエクスプローラーを使用して、フォルダーのファイルとサブフォルダーを表示します。
- 表示 > エクスプローラー (⇧⌘E (Windows、Linux Ctrl+Shift+E))
- JavaScript コードを実行するために Node.js ランタイムをインストールします。
- https://node.dokyumento.jp でお使いのプラットフォームに対応した Node.js を見つけてください。
- Node.js のインストールを確認します。
- ターミナルまたはコマンドプロンプトで
node --versionと入力します。
- ターミナルまたはコマンドプロンプトで
- 新しいファイルを作成します。
- ファイル > 新しいファイル (⌘N (Windows、Linux Ctrl+N))
app.jsという簡単な「Hello world」コンソールアプリケーションを作成します。- IntelliSense は入力中に候補を提示します。
- ソースコードを自動的にフォーマットします。
- ドキュメントのフォーマット コマンド (⇧⌥F (Windows Shift+Alt+F、Linux Ctrl+Shift+I))
- 自動保存を有効にします。
- ファイル > 自動保存
- 統合ターミナルを表示します。
- 表示 > ターミナル (⌃` (Windows、Linux Ctrl+`))
- ターミナルを分割します。
- ターミナルを分割 (⌘\ (Windows、Linux Ctrl+Shift+5))
- 新しいターミナルを作成します。
- 新しいターミナルを作成 (⌃⇧` (Windows、Linux Ctrl+Shift+`))
- アプリケーションを実行します。
- 統合ターミナルで
node app.jsと入力します。
- 統合ターミナルで
次のビデオ
関連リソース
- 基本的な編集 - 強力な VS Code エディターについて学習します。
- コード ナビゲーション - ソースコード内をすばやく移動します。
- Emmet スニペット - Emmet スニペットを使用します。
- タスク - VS Code 内で外部ツールを使用するためのタスクを作成します。
- JavaScript リンター - JavaScript 用のリンターをインストールします。
- コードの折りたたみ - ソースコードの折りたたみの詳細をご覧ください。
- ヒントとコツ - VS Code のための役立つヒントとコツ。