Visual Studio Code でのコード編集
この Visual Studio Code チュートリアルでは、以下の機能を含む、小さなコードの編集と実行の方法について説明します。この概要を読んだ後、関連リソースセクションでさらに多くの機能を確認してください。
次のおすすめビデオはこちらです: 生産性に関するヒント
リストから別のビデオを選択: 入門ビデオ
ビデオの概要
- フォルダーを開く。
- ファイル > フォルダーを開く (Ctrl+K Ctrl+O)
- ファイルエクスプローラーを使ってフォルダーのファイルとサブフォルダーを表示する。
- 表示 > エクスプローラー (⇧⌘E (Windows、Linux Ctrl+Shift+E))
- Node.js ランタイムをインストールして JavaScript コードを実行する。
- お使いのプラットフォーム用の Node.js は https://node.dokyumento.jp で見つけることができます
- Node.js のインストールを確認する。
- ターミナルまたはコマンドプロンプトから「
node --version
」と入力する
- ターミナルまたはコマンドプロンプトから「
- 新しいファイルを作成する。
- ファイル > 新しいファイル (⌘N (Windows、Linux Ctrl+N))
- 簡単な「Hello world」コンソールアプリケーションを
app.js
という名前で作成する。 - 入力中に 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 のパワーユーザーになろう。
- 入門ビデオ - ビデオの全リストを確認します。
関連リソース
- 基本的な編集 - 強力な VS Code エディターについて学習します。
- コード ナビゲーション - ソースコード内をすばやく移動します。
- Emmet スニペット - Emmet スニペットを使用する。
- タスク - VS Code 内で外部ツールを使用するためのタスクを作成する。
- JavaScript リンター - JavaScript 用のリンターをインストールする。
- コードの折りたたみ - ソースコードの折りたたみの詳細を見る。
- ヒントとコツ - VS Code の役立つヒントとコツ。