開発環境ウィンドウ 開発ツール Visual Studio Code ノードのインストールとnpm Windows に Node をインストールするには、Node の公式 Web サイトから直接ダウンロードし、通常のソフトウェアとしてインストールします。 Visual Studio CodeをインストールするVSコードの通常のソフトウェアのインストールについては何も注意する必要はありません。ダウンロードしてインストールするだけです。 ReactをインストールするVS Code での React JavaScript チュートリアルのドキュメントを参照してください。このドキュメントは非常に詳細なので、基本的にそれに従うだけで問題はありません。
この時点で、新しく作成されたReactプロジェクトは正常に実行できます。 すべてのファイルは VS Code を使用して直接変更できます。 Chrome用デバッガーをインストールする1.VS Code は、Chrome カーネル デバッグの使用をサポートする Chrome 用デバッガー プラグインを提供します。 直接検索してインストールし、VS Codeをリロードします ここで起動構成を設定します。元のドキュメントでは、新しい 2 つのノードを作成したら、 { // IntelliSense を使用して関連するプロパティについて学習します。 // マウスをホバーすると、既存のプロパティの説明が表示されます。 // 詳細については、https://go.microsoft.com/fwlink/?linkid=830387 をご覧ください。 "バージョン": "0.2.0", 「構成」: [ { "タイプ": "クロム", 「リクエスト」: 「添付」、 "name": "Chrome に添付", 「ポート」: 9222, "webRoot": "${workspaceFolder}" }, { "タイプ": "クロム", 「リクエスト」: 「起動」、 "名前": "クロム", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}" }, { "タイプ": "ノード", 「リクエスト」: 「起動」、 "名前": "ノード", "プログラム": "${workspaceFolder}\\start" } ] } プロジェクト 開始するには、以前に追加したChromeノードを選択すると、新しいChromeページが開きます。 プロジェクトのソースコードで この時点で、デバッグは簡単になりました。 eslintをインストールするeslint は、構成可能な JavaScript および JSX リンターです。構文エラーのチェックに使用できます。
3. VS Code のコマンド パネルを開いてビュー内で直接探すか、 参照ドキュメントにはセミコロンを構成するためのルールもあり、必要に応じて追加できます。 これで、Visual Studio Code + React 開発環境の設定に関するこの記事は終了です。vscode react 環境の設定の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: MySQL 8.0.15 winx64 圧縮パッケージのインストールと設定方法のグラフィックチュートリアル
>>: Ubuntu 18.04 に Apache、MySQL、PHP、LAMP をインストールするための完全なチュートリアル
なぜログを読む必要があるのでしょうか?たとえば、コンテナの起動に失敗したがプロンプトが表示されない場...
<br />このタグを使用すると、表のタイトルを直接追加し、タイトル テキストの配置プロ...
具体的なコードは次のとおりです。 <a href="#"> <...
問題の起源私がタイトルの番号付けの問題に初めて注目したのは、学部の論文を書いていた頃まで遡ります。当...
コード <div class="test"> <div>...
mysqlに接続できない問題の解決方法を参考までに紹介します。具体的な内容は以下のとおりです。昨日は...
PostgreSQL はコンパイルされインストールされるため、起動時に起動するように設定する必要があ...
目次1. Document.execCommand() メソッド(1)コピー操作(2)貼り付け操作(...
理由: MySQL 5.7.5 以降では機能依存関係の検出が実装されています。 only_full_...
会社のサービスはdockerを使用しており、ディスクマンが見つかりました。その後、次のコマンドを実行...
目次.vue ファイルの解析文書情報を抽出するコンポーネント名、説明、プロパティ、メソッド、モデルを...
1. pipとは何かpip は、Python パッケージの検索、ダウンロード、インストール、アンイ...
mysql ユーザーを作成し、承認します。形式: 「ユーザー パスワード」で識別されるユーザー@ログ...
1. はじめに場合によっては、Web プラットフォームがオンラインになった後、サービス インターフェ...
CenOS6.7 は MySQL8.0.22 (推奨コレクション) をインストールします1. MyS...