npm下载安装教程

AI摘要

leondoo.com

1

cache

npm下载安装教程 第1张

prefix

npm下载安装教程 第2张

registry https://registry.npmmirror.com

npm下载安装教程 第3张

"D:\nodejs\node_cache"

npm下载安装教程 第4张

"D:\nodejs\node_global"

npm下载安装教程 第5张

.msi

1

2

3

4

5

8

9.0.0

9

D:\nodejs

D:\nodejs\node_global

D:\nodejs\node_global\node_modules

NODE_PATH

Path

`-g`表示全局安装,安装后可通过`vue create project-name`创建项目[1]()[8]()。

``` ```

bash npm cache clean --force ``` ``` 解决因缓存导致的安装异常[5]()[7]()。

bash npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\nodejs\node_cache" ``` ```

bash npm config set registry https://registry.npmmirror.com

bash npm init -y ``` ``` 生成`package.json` 文件,记录项目依赖及配置信息[7]()[8]()。

bash npm install ``` ``` 根据`package.json` 自动安装所有依赖到`node_modules`目录[5]()[8]()。

bash npm install -g express ``` ``` 安装完成后,输入`express --version`验证是否成功[3]()[4]()。

bash npm install -g nrm nrm use taobao ``` ``` 可快速切换镜像源并测试延迟[3]()[7]()。

bash npm install -g vue-cli ``` ``` `-g`表示全局安装,安装后可通过`vue create project-name`创建项目[1]()[8]()。

bash

bash

dependencies

devDependencies

express

node -v

node_cache

node_global

node_modules

npm -v

npm cache clean --force ``` ``` 解决因缓存导致的安装异常[5]()[7]()。

npm cache clean --force

npm config

npm config get registry

npm config set cache "D:\nodejs\node_cache"

npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\nodejs\node_cache" ``` ```

npm config set prefix "D:\nodejs\node_global"

npm config set registry https://registry.npmmirror.com

npm init -y ``` ``` 生成`package.json` 文件,记录项目依赖及配置信息[7]()[8]()。

npm init -y

npm install ``` ``` 根据`package.json` 自动安装所有依赖到`node_modules`目录[5]()[8]()。

npm install -g express ``` ``` 安装完成后,输入`express --version`验证是否成功[3]()[4]()。

npm install -g express

npm install -g nrm nrm use taobao ``` ``` 可快速切换镜像源并测试延迟[3]()[7]()。

npm install -g nrm

npm install -g vue-cli ``` ``` `-g`表示全局安装,安装后可通过`vue create project-name`创建项目[1]()[8]()。

npm install -g vue-cli

npm install lodash --se

npm install package@version

npm install vue@2.6.14

npm install webpack --se-dev

npm install

npm下载安装教程

nrm use taobao

package-lock.json

set

v18.12.0

vue

一、Node.js 与npm的安装 npm(Node Package Manager)是Node.js 的包管理工具,随Node.js 一同安装。以下是安装步骤:

一、Node.js 与npm的安装

七、进阶配置(可选)

三、镜像源加速 内用户建议切换镜像以提升:

三、镜像源加速

下载Node.js 安装包

下载Node.js 安装包:访问Node.js 官网(默认展示LTS版本),选择适用于Windows系统的安装包。若需下载特定版本,可在官网的「Previous Releases」页面查找历史版本14。 执行安装程序: 双击下载的.msi文件,按照提示点击“下一步”。 接受许可协议,选择安装路径(如D:\nodejs),默认勾选环境变量配置选项149。 完成安装后,点击“Finish”。 验证安装: 打开令提示符(CMD),输入node -v和npm -v,若显示版本号(如v18.12.0和9.0.0),则安装成功34。

下载Node.js 安装包:访问Node.js 官网(默认展示LTS版本),选择适用于Windows系统的安装包。若需下载特定版本,可在官网的「Previous Releases」页面查找历史版本14。

二、环境变量与全局配置 默认情况下,npm全局模块和缓存存储在系统盘,建议修改路径以节省空间:

二、环境变量与全局配置

五、项目依赖管理

使用nrm管理镜像源

使用nrm管理镜像源: bash npm install -g nrm nrm use taobao ``` ``` 可快速切换镜像源并测试延迟[3]()[7]()。 清理缓存: bash npm cache clean --force ``` ``` 解决因缓存导致的安装异常[5]()[7]()。

使用nrm管理镜像源: bash npm install -g nrm nrm use taobao ``` ``` 可快速切换镜像源并测试延迟[3]()[7]()。

六、常见问题与解决

创建目录

创建目录:在Node.js 安装目录下新建node_global(存放全局模块)和node_cache(存放缓存)文件夹13。 配置路径: bash npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\nodejs\node_cache" ``` ``` 设置环境变量: 系统变量:新增NODE_PATH,值为D:\nodejs\node_global\node_modules14。 用户变量:编辑Path,添加D:\nodejs\node_global,确保令行能识别全局令(如vue、express)39。

创建目录:在Node.js 安装目录下新建node_global(存放全局模块)和node_cache(存放缓存)文件夹13。

初始化项目

初始化项目: bash npm init -y ``` ``` 生成`package.json` 文件,记录项目依赖及配置信息[7]()[8]()。 安装依赖包: 生产依赖:npm install lodash --se,保存到dependencies字段。 开发依赖:npm install webpack --se-dev,保存到devDependencies字段25。 批量安装依赖: bash npm install ``` ``` 根据`package.json` 自动安装所有依赖到`node_modules`目录[5]()[8]()。

初始化项目: bash npm init -y ``` ``` 生成`package.json` 文件,记录项目依赖及配置信息[7]()[8]()。

双击下载的.msi文件,按照提示点击“下一步”。 接受许可协议,选择安装路径(如D:\nodejs),默认勾选环境变量配置选项149。 完成安装后,点击“Finish”。

双击下载的.msi文件,按照提示点击“下一步”。

可快速切换镜像源并测试延迟[3]()[7]()。

四、全局模块安装示例

安装Express框架

安装Express框架: bash npm install -g express ``` ``` 安装完成后,输入`express --version`验证是否成功[3]()[4]()。

安装Vue脚手架工具

安装Vue脚手架工具: bash npm install -g vue-cli ``` ``` `-g`表示全局安装,安装后可通过`vue create project-name`创建项目[1]()[8]()。 安装Express框架: bash npm install -g express ``` ``` 安装完成后,输入`express --version`验证是否成功[3]()[4]()。

安装Vue脚手架工具: bash npm install -g vue-cli ``` ``` `-g`表示全局安装,安装后可通过`vue create project-name`创建项目[1]()[8]()。

安装依赖包

安装依赖包: 生产依赖:npm install lodash --se,保存到dependencies字段。 开发依赖:npm install webpack --se-dev,保存到devDependencies字段25。

安装失败

安装失败:删除node_modules和package-lock.json 后重新执行npm install38。

安装完成后,输入`express --version`验证是否成功[3]()[4]()。

完成安装后,点击“Finish”。

开发依赖

开发依赖:npm install webpack --se-dev,保存到devDependencies字段25。

打开令提示符(CMD),输入node -v和npm -v,若显示版本号(如v18.12.0和9.0.0),则安装成功34。

执行安装程序

执行安装程序: 双击下载的.msi文件,按照提示点击“下一步”。 接受许可协议,选择安装路径(如D:\nodejs),默认勾选环境变量配置选项149。 完成安装后,点击“Finish”。

批量安装依赖

批量安装依赖: bash npm install ``` ``` 根据`package.json` 自动安装所有依赖到`node_modules`目录[5]()[8]()。

接受许可协议,选择安装路径(如D:\nodejs),默认勾选环境变量配置选项149。

权限不足

权限不足:若提示“operation not permitted”,需以管理员身份运行CMD49。 安装失败:删除node_modules和package-lock.json 后重新执行npm install38。 版本冲突:使用npm install package@version指定版本(如npm install vue@2.6.14)25。

权限不足:若提示“operation not permitted”,需以管理员身份运行CMD49。

根据`package.json` 自动安装所有依赖到`node_modules`目录[5]()[8]()。

清理缓存

清理缓存: bash npm cache clean --force ``` ``` 解决因缓存导致的安装异常[5]()[7]()。

版本冲突

版本冲突:使用npm install package@version指定版本(如npm install vue@2.6.14)25。

生产依赖

生产依赖:npm install lodash --se,保存到dependencies字段。 开发依赖:npm install webpack --se-dev,保存到devDependencies字段25。

生产依赖:npm install lodash --se,保存到dependencies字段。

生成`package.json` 文件,记录项目依赖及配置信息[7]()[8]()。

用户变量

用户变量:编辑Path,添加D:\nodejs\node_global,确保令行能识别全局令(如vue、express)39。

系统变量

系统变量:新增NODE_PATH,值为D:\nodejs\node_global\node_modules14。 用户变量:编辑Path,添加D:\nodejs\node_global,确保令行能识别全局令(如vue、express)39。

系统变量:新增NODE_PATH,值为D:\nodejs\node_global\node_modules14。

解决因缓存导致的安装异常[5]()[7]()。

设置环境变量

设置环境变量: 系统变量:新增NODE_PATH,值为D:\nodejs\node_global\node_modules14。 用户变量:编辑Path,添加D:\nodejs\node_global,确保令行能识别全局令(如vue、express)39。

输入npm config get registry,若返回镜像地址则配置成功139。

通过以上步骤,可完成npm的基础安装、环境配置及常用操作,满足前端开发与Node.js 项目管理的需求。

配置路径

配置路径: bash npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\nodejs\node_cache" ``` ```

验证安装

验证安装: 打开令提示符(CMD),输入node -v和npm -v,若显示版本号(如v18.12.0和9.0.0),则安装成功34。

验证配置是否生效:

相关问答


发表评论