node以及webpack安装

一，node安装

1，官网下载node:https://nodejs.org/zh-cn/，下载长期支持版

2，正常安装，安装目录最好设置自己定义的目录，这里是D:\ProgramFiles\nodejs

3，设置全局模块路径（跟安装目录一致）：

npm config set prefix "D:\Program Files\nodejs"

4，检查环境变量，确保系统环境变量中目录与以上设置一致

5，以上安装后，切换账号后也能使用node命令

6，输入命令【npm-v】，可查看当前npm的版本

二，webpack安装

1，输入【npminstallwebpack--save-dev】

需要等待一会，最后显示出webpack的版本信息，然后打开【package.json】配置文件，可以看到这里也有了webpack的版本信息，然后打开项目根目录文件夹，在该文件夹下生成了一个【node_modules】文件

在cmd中进入项目根目录，输入命令【webpack-v】，查看当前webpack的版本信息，得到提示：不是内部或外部命令……

注意:webpack4x以上，webpack将命令相关的内容都放到了webpack-cli，所以还需要安装webpack-cli

2，输入命令【npminstall--save-devwebpack-cli】，然后按回车键

然后在输入命令【webpack-v】，按回车键，得到提示：不是内部或外部命令……，说明webpack还是没有安装成功

3，输入命令【npminstall--globalwebpack】，按回车键

然后在输入命令【webpack-v】，按回车键，依然没有出现webpack的版本信息

4，继续输入命令【npminstall--globalwebpack-cli】，按回车键

然后在输入命令【webpack-v】，按回车键，出现webpack的版本，就说明安装成功

5，查看环境变量，webpack安装目录不能在某个用户目录下，不然切换用户将不能使用

三，npm相关命令

为npm设置代理

npm config set proxy http://server:port
npm config set https-proxy http://server:port

如果代理需要认证的话可以这样来设置。

npm config set proxy http://username:password@server:port
npm config set https-proxy http://username:pawword@server:port

取消代理

npm config delete proxy
npm config delete https-proxy

查看npm配置

npm config list

设置npm镜像

npm config set registry https://registry.npm.taobao.org

使用nrm管理registry地址

npm install -g nrm

添加registry地址

nrm add npm http://registry.npmjs.org
nrm add taobao https://registry.npm.taobao.org

切换npmregistry地址

nrm use taobao
nrm use npm