Visual Studio Code でのコード編集
この Visual Studio Code チュートリアルでは、以下の機能を含む小さなコードの編集と実行方法について説明します。この概要をご覧になった後、さらなる機能については「関連リソース」セクションをお読みください。
次のおすすめビデオはこちら: 生産性向上TIPS
リストから別のビデオを選択: 入門ビデオ
ビデオの概要
- フォルダーを開く。
- ファイル > フォルダーを開く (Ctrl+K Ctrl+O)
- エクスプローラーを使用して、フォルダーのファイルとサブフォルダーを表示します。
- 表示 > エクスプローラー (⇧⌘E (Windows, Linux Ctrl+Shift+E))
- JavaScript コードを実行するために Node.js ランタイムをインストールします。
- お使いのプラットフォーム用の Node.js は https://node.dokyumento.jp で見つけることができます。
- 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 に役立つヒントとテクニックです。