nodejs のインストールと環境変数の構成 (グローバル インストールの依存関係ツールキットとキャッシュ フォルダーを変更し、npm タオバオは新しいステーションのドメイン名をミラーリングします)

ローカル環境:win11 home 中国語版

1.公式サイトからダウンロード

 2. インストール

 

 

 

 

 

 

 3.nodejs と npm のバージョン番号を表示する

1. ノードのバージョン番号を表示する

node -v

2. NPM のバージョン番号を確認します (npm は、nodejs のインストール時に自動的にインストールされます)

npm -v

 4. npm グローバル ダウンロード ツールキットとキャッシュ ディレクトリを構成する

1. インストールディレクトリを表示します。

 
 

 このディレクトリにnode_globalおよびnode_cacheディレクトリを作成します。npmを介してインストールされる依存ツールキットは、将来的にnode_globalフォルダにインストールされるため、デフォルトのCドライブへのインストールが回避されます。

 2. npm コマンドは、グローバルなダウンロードおよびインストール ツールキットとキャッシュ ディレクトリを設定します。

npm config set prefix "D:\Nodejs\node-v18.16.0\node_global" //设置依赖工具包全局安装目录,通过npm下载的工具包都会下载到本文件夹下

npm config set cache "D:\Nodejs\node-v18.16.0\node_cache"  //设置缓存目录

 3. 環境変数にnode_globalとnode_caccheを書き込みます。

3.1. システム環境に NODE_HOME 変数を追加します。値は、nodejs がインストールされているディレクトリです。

3.2. パスに 2 つの新しい項目を追加し、node_global と node_cacche の 2 つのフォルダー パスを書き込みます。

 3.3. 環境変数の設定が完了しました。淘宝網の画像を npm のソースとして設定すると、ツールキットのダウンロードとインストールが非常に遅くなります (科学的にオンラインにしない限り)

npm config set registry https://registry.npmmirror.com  //npm设置新的淘宝npm镜像站,原淘宝镜像源于2022年5月起停止DNS解析

npm config set registry https://registry.npm.taobao.org  //本地址为淘宝npm源站老域名,请使用新站点域名

3.4. npm 設定リストの表示

 5. テスト

1.node_global ディレクトリが空であることを確認します。

 2.共通モジュールExpressのインストール

npm install -g express  //全局安装express模块

 Npm の一般的なコマンド:

npm -v:查看npm安装的版本。
npm init:会引导你建立一个package.json文件,包括名称、版本、作者等信息。
npm list:查看当前目录下已安装的node包。
npm ls:查看当前目录下已安装的node包。
npm install moduleNames:安装Node模块到本地目录node_modules下。
npm install < name > -g:将包安装到全局环境中。
npm install < name > --save:安装的同时,将信息写入package.json中,项目路径中若是有package.json文件时,直接使用npm install方法就能够根据dependencies配置安装全部的依赖包,这样代码提交到git时,就不用提交node_modules这个文件夹了。
npm install < name> --save-dev:安装的同时,将信息写入package.json中项目路径中若是有package.json文件时,直接使用npm install方法就能够根据devDependencies配置安装全部的依赖包,这样代码提交到git时,就不用提交node_modules这个文件夹了。
npm uninstall moudleName:卸载node模块。

6. angular-cli と vue-cli をグローバルにインストールします。これらは必要な 2 つのフロントエンド開発フレームワークです

1.Angularをインストールする

npm  install -g  @angular/cli  //全局安装angular脚手架

 2.vueをインストールする

npm install -g @vue/cli   //全局安装vue脚手架

vue -V     //查看vue版本

おすすめ

転載: blog.csdn.net/weixin_44341110/article/details/131378841