分享

Win7 本地安装 Node 12.1.4

 QomoIT 2020-05-22

一、下载

Nodejs:https:///en/

二、安装

2.1双击安装程序
在这里插入图片描述
2.2下一步
在这里插入图片描述
2.3点击同意,下一步
在这里插入图片描述
2.4更改安装路径,下一步
在这里插入图片描述
2.5默认安装,下一步
在这里插入图片描述
2.6下一步
在这里插入图片描述
2.7点击安装
在这里插入图片描述
2.8完成
在这里插入图片描述
2.9验证是否安装成功
在键盘按下【win+R】键,输入cmd,然后回车,输入命令

node  -v
npm  -v

在这里插入图片描述
安装完后的目录如下图所示:
在这里插入图片描述

三、配置环境变量

3.1配置npm的全局模块存放路径以及缓存cache
在Nodejs的安装主目录中新建文件夹:【node_cache】和【node_global】(此处我的安装路径是E:\Nodejs)
在这里插入图片描述
执行命令,设置生效
在键盘按下【win+R】键,输入cmd,然后回车

# 输入命令
npm config set prefix "E:\Nodejs\node_global"
npm config set cache "E:\Nodejs\node_cache"
# 查看默认全局模块存放路径
npm list -g

3.2设置【NODE_HOME】
在高级系统设置 --> 环境变量 --> 系统变量中新建变量【NODE_HOME】

E:\Nodejs

3.3设置【Path】
在高级系统设置 --> 环境变量 --> 系统变量中修改变量【Path】
这里需要注意的是:在安装的时候默认已经Add to path,需要把默认的删除掉,重新配置。
删除用户变量中【Path】变量的值:【C:\Users\用户名\AppData\Roaming\npm】
删除系统变量中【Path】变量的值:【E:\Nodejs\】

%NODE_HOME%;%NODE_HOME%\node_global

3.4设置【NODE_PATH】
在高级系统设置 --> 环境变量 --> 系统变量中新建变量【NODE_PATH】

%NODE_HOME%\node_global\node_modules

四、配置淘宝为国内镜像源

在键盘按下【win+R】键,输入cmd,然后回车

# 设置为淘宝源地址
npm config set registry https://registry.npm.
# 查看是否设置成功
npm config get registry
# 安装cnpm命令(只有安装才能使用cnpm命令)
npm install -g cnpm --registry=https://registry.npm.
# 查看版本
cnpm -v

注意: npm 和 cnpm 命令格式一致
在这里插入图片描述

五、测试

配置完后,安装个module测试下,我们就安装最常用的express模块,输入如下命令,进行模块的全局安装。
在键盘按下【win+R】键,输入cmd,然后回车

npm install express -g     # -g是全局安装的意思
或
cnpm install express -g     # -g是全局安装的意思

在这里插入图片描述

六、常用命令

# 清理缓存
npm cache clean --force
# 查看默认全局模块存放路径
npm list -g
# 查看源地址
npm config get registry

使用npm安装插件:命令提示符执行npm install <name> [-g] [--save-dev]
使用npm卸载插件:npm uninstall <name> [-g] [--save-dev] PS:不要直接删除本地插件包 
使用npm更新插件:npm update <name> [-g] [--save-dev] 
更新全部插件:npm update [--save-dev] 
查看npm帮助:npm help 
查看当前目录已安装插件:npm list

注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。

七、配置Vue

配置Vue请点击这里!

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多