開発環境ウィンドウ 開発ツール 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 をインストールするための完全なチュートリアル
Nexus は RestApi を提供していますが、一部の API はまだ Groovy と組み合わ...
停止したすべてのDockerコンテナを1つのコマンドで再起動するdocker ps -a | gre...
目次1. エラーメッセージ2. エラーの原因3. 解決策1. エラーメッセージ1. インストール後、...
目次1. カスタム指示の登録1.1. グローバルカスタム指示1.2. ローカルカスタム指示2. カス...
はじめに: Web ページを作成するときに、画像をアップロードする必要がある場合がよくあります。画像...
目次概要バーチャルドム原理実装プロセスパッチ方式sameVnode関数patchVnode関数upd...
IE、Firefox、Chrome ブラウザでの表示効果は、...
序文: Integer は MySQL で最もよく使用されるフィールド型の 1 つで、通常は整数を格...
1 はじめにスレッド技術は 1960 年代にすでに提案されていましたが、マルチスレッドがオペレーティ...
Vue プロジェクトの開発プロセスでは、ローカル デバッグの利便性のため、通常、vue.config...
方法1: 送信ボタンから送信する <!DOCTYPE html> <html>...
現象Dockerコンテナを起動する docker run –name [コンテナ名] [コンテナID...
1. 設置環境Windows7 で MySQL5.6 データベースの解凍バージョンをアンインストー...
MySQLでは、2つ以上のベーステーブルにビューを作成します。学生テーブルとstu_infoテーブル...
この記事では、タブ切り替えの虫眼鏡効果を実現するためのVueの具体的なコードを例として紹介します。具...