Node.jsを正常にインストールし、VS Codeターミナルでnpmとyarnを使用するにはどうすればよいですか?

1.Node.jsとは何ですか?

Node.js は、オープンソースのクロスプラットフォームの JavaScript ランタイム環境です。Node.js は 2009 年に書かれました。オリジナルの作者はアメリカのソフトウェア エンジニア Ryan Dahl [1]です。Node.js は 10 年ほど前に誕生し、JavaScript は 26 年前から存在し、Web は 33 年前から存在しています。
Node.js は独立した言語ではありません。Node.js のコードは主に、JS、C++、C の 3 つのタイプに分かれています。その基礎となるコードのほぼ半分は、イベント キューとコールバック関数キューの構築に使用され、以下を使用して完成されます。イベントドライバー、サーバータスクのスケジューリング。

 

Node.js は、ブラウザの外部で V8 JavaScript エンジン (Google Chrome のコア) を実行します。

Node.js アプリケーションは単一プロセスで実行されるため、リクエストごとに新しいスレッドを作成する必要がなくなります。Node.js は、JavaScript コードのブロックを防ぐために、標準ライブラリに非同期 I/O プリミティブのセットを提供します。通常、Node.js のライブラリは非ブロッキング パラダイムを使用して記述されているため、ブロック動作は標準ではなく例外となります。

Node.js が I/O 操作 (ネットワークからの読み取り、データベース、またはファイル システムへのアクセスなど) を実行すると、Node.js は応答が返されたときに (スレッドをブロックして CPU サイクルを無駄にするのではなく) 操作を再開します。待っている)。

これにより、Node.js は、スレッドの同時実行性の管理の負担 (重大なエラーの原因となる可能性があります) を導入することなく、単一サーバーを使用して数千の同時接続を処理できるようになります。

Node.js には独特の利点があり、ブラウザー用の JavaScript を作成するフロントエンド開発者は、まったく別の言語を学習しなくても、クライアント側のコードに加えてサーバー側のコードも作成できるため、フロントエンドの開発が容易になります。ブラウザーと Node.js はどちらもプログラミング言語として JavaScript を使用しますが、ブラウザーで実行されるアプリケーションの構築は、Node.js 用のアプリケーションの構築とはまったく異なります。[2]

2. Node.js を使用している有名な大規模プロジェクトまたは企業

NASA は、すべての EVA 宇宙服データをクラウド データベースに移行するという課題に直面し、Node.js を採用し、手順の数を 28 から 7 に削減しました。Netflix は、1 億 3,000 万を超える世界最大のストリーミングおよび VOD プロバイダーです
。ユーザーはバックエンドを Java から Node.js に移動しました。
PayPal は Java から Node.js に移行しました。これにより、ページの応答時間が 200 ミリ秒改善され、1 秒あたりに処理できるリクエストの数が 2 倍になりました。
Uber、LinkedIn、Yahoo、Walmart なども Node.js を使用しており、
Node.js 用の Hyperledger Fabric SDK などもあります。[3]

3.node.js を正常にインストールするにはどうすればよいですか?

1.nodejsエンジンをダウンロードし、32 ビット バージョンまたは 64 ビット バージョンを、お使いのコンピューターに応じて選択します。ここでは W11 を例に挙げます。
2.最新版のnpm zip形式圧縮パッケージ Node.jsをダウンロードします。

 

 

 3. Dドライブなどのハードディスクにnode.jsというファイルを作成し、ダウンロードしたファイルを解凍してここに置きます。
4. 2 つの環境変数を構成します。1 つは、node.exe のディレクトリ D:\node.js を PATH に追加するもので、もう 1 つは、値 D:\node.js\node_modules を持つ別の環境変数 NODE_PATH を追加するものです。

 

別の環境変数を設定する

 

 

5.従来のインストール方法を参照してください (注: 中国では淘宝ミラー インストールを使用することをお勧めします。公式サービスと可能な限り同期させるため、現在、淘宝ミラーの同期頻度は 10 分に 1 回です)。倉庫は海外サーバーです, 頻繁に接続に失敗するか、インストールが
遅いです. インストールには淘宝 NPM ミラーを使用することをお勧めします. 海外でエクスプレスをインストールするのに障害はありません. キーボードの W アイコン + R ショートカット キーを同時に押し、「cmd」と入力し、ターミナルを入力して、次のコマンドを入力します。 d: D ドライブに入力し、「cd node.js」と入力し、「npm install」と入力し
ます
。 Express "Express を相対パスにインストールします" または Enter npm install Express -g "Express を絶対パスにインストールします" [4]

タオバオ ミラー:
npm config set registry  https://registry.npm.taabao.org

「node -v」と入力し、上の図 v16.14.0 に示すように、node.js のバージョンが出力されれば、インストールが成功したことを示します。
海外でnode.jsをインストールしたときは、簡単にインストールできることもあれば、国内のミラーや国内のインストールチュートリアルも利用しましたが、何日も無駄に作業してうまくインストールできなかったり、英語のオリジナルドキュメントの指示に従ってインストールしたりしたこともありました。すぐに効きました。原因はやはりパスの問題とディレクトリ構造の混乱であると判断します。

4. VS Code でターミナルを開き、VS Code ターミナルでノードを見つけて npm を使用する方法
1. 最初は何もファイルをインポートせず、空の状態で VS Code ターミナルを選択し、新しいターミナルを作成します。ファイルが以前に開かれたことがある場合、そのファイルはデフォルトでプロジェクトに追加されるため、削除する必要があります。

 

ステップ1、2

 ステップ 12 の前に、「dir」と入力してディレクトリを表示できます (この表示ステップはオプションです)。

5. vs code ターミナルに Yarn をインストールする方法

1. Yarn は、npm のいくつかの欠陥を補っているようです。npm は、JavaScript で書かれた Node.js のデフォルトのパッケージ管理システムです。
2.Yarn は、Node.js JavaScriptランタイム環境用に 2016 年に Facebook によって開発されたソフトウェア パッケージング システムで、npm (パッケージ マネージャー) の代替として速度、一貫性、安定性、セキュリティを提供します。
3. Yarn は、Facebook が大規模なコード ベースで直面している一貫性、セキュリティ、パフォーマンスの問題を解決するために、Facebook、Exponent、Google、および Tilde のコラボレーションによって作成されました。

vue などのプロジェクトでは yarn は開発に多くの利便性をもたらします。
では、VS Code に Yarn をインストールするにはどうすればよいでしょうか? 上記の手順で Node をインストールすると、npm が自動的にインストールされます。npm -v でバージョン番号が見つからない場合は、VS Code を終了して再入力してみてください。インストールが失敗した場合は、完全に削除してから Node.js を再インストールすることをお勧めします。
したがって、D ドライブに開発ソフトウェアをインストールする場合、D ドライブをフォーマットして完全に削除する必要がある場合があります。コンピュータに付属している一部のウイルス対策ソフトウェアは、システムを再インストールするときに削除する必要があることに注意してください。

ターミナルに次のように入力します: npm instal -gyarn  installyarn [5]

6.yarn を使用して VUE プロジェクトの開発環境を構成するにはどうすればよいですか?
d: cd\独自のプロジェクト (PS C:\Users\wangs など) を入力
> d:

PS D:\> ノード -v

v16.14.0

PS D:\> wamp64\www\john-php (www の後には独自のプロジェクトの名前が続きます) 次のコマンドを入力して、yarn を通じて VUE 開発の依存関係環境を構成します。
最初のステップは、次のコマンドを入力することです。yarn global add @vue/cli
2 番目のステップは、次のコマンドを入力することです。インストールが失敗した場合は、「 vue create my-project

tongue global add @vue/cli-service-global @vue/cli-service 」と入力するだけです

Yarn を使用して VUE をグローバルにインストールします (gLobal はグローバルを意味します)。

 

インストール成功

vue create my-project (新しいプロジェクトを作成)

他の人のコンピュータでは動作しますが、私のコンピュータでは動作しません。
方法を紹介するインターネット上のさまざまな記事はうまくいくようですが、自分では写真を追うことができません。
インストール プロセス中に大量の無駄なリクエストを開始したため、ダウンロードが失敗した場合、リクエストは自動的に再リクエストされます。依存関係のインストール順序が異なる場合、ディレクトリ構造が変更される可能性があり、これによりインストール プロセス全体が中断されることがよくあります。失敗する。不必要な貴重な時間をそれに費やすことになります。以前、圧縮ソフトウェアのバージョンが一貫していなかったため、ブロックチェーン アプリケーション ソフトウェアのバグを解決するのに 6 日間連続で費やしたことがありました。そのため、yarn を使用することにしました。

糸が私のプロジェクトを作成します


npm の欠点:
パッケージの依存関係レベルが比較的深い場合、バージョン管理は十分正確ではありません。同じpackage.jsonが表示されますが、依存パッケージのバージョンが人によって異なるため、「私のコンピュータでは動作するのに他のコンピュータでは動作しない」といったバグが発生し、発見するのが困難です。npm-shrinkwrap を使用して バージョン固定化を実装すると、バージョン情報が npm-shrinkwrap.json ファイルに書き込まれますが、結局のところ、これは npm の標準構成ではありません。ただし、npm 5+ 以降のバージョンには、バージョンをロックするために使用できる package-lock.json が追加されています。

Yarn は本質的にバージョンを固定化することができます。npm-shrinkwrap.json に似たyarn.lock ファイルが生成され、このファイルにはパッケージ自体のバージョン番号が記述され、依存するすべてのパッケージのバージョン番号もロックされます。

Yarn の主な利点は、高速、オフライン モード、バージョン管理です。
独自の VUE や他のプロジェクトの開発環境を Yarn を通じて構成すると、非常に便利になります。糸の取り付け方法の詳細については、注記[6]を参照してください。

「cd vuecli」と「yarnserve」を順番に入力し、アプリが次の場所で実行されるまで Enter キーを押します。 - ローカル: http://localhost:8080/ - ネットワーク: http://192.168.1.10:8080/

http://localhost:8080/
vs codeに表示される上記のドメイン名をクリックすると、CVコードにyarnでインストールされたVUEが表示されます。

「D:\wamp64\www\my-project\src\App.vue」および 内の他のモジュールを編集することで、
独自の APP を開発できます。

 

おすすめ

転載: blog.csdn.net/weixin_64948861/article/details/129251613