npm下载安装教程
AI摘要
leondoo.com
1
cache
prefix
registry https://registry.npmmirror.com
"D:\nodejs\node_cache"
"D:\nodejs\node_global"
.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。
验证配置是否生效:
相关问答
发表评论