一:下载
如果是从官网进入的话,如果想要安装64位,切勿直接点击下载,否则下载到本地的为32版本 
建议进入此下载入口,选择64位或者32位,如果不想安装想直接用压缩包,也可以从这里直接下载  安装过程中选择默认即可,当然安装位置可以自定义在其他盘。
中间会有一个选项,让你选择是否自动安装必要工具,可以勾选,也可以不勾选
npm是安装中附带安装的,安装好通过这两条命令查看版本
node -v
npm -v

二:配置环境变量
环境配置的目的:改变安装Node.js依赖的下载位置,配置缓存Cache的路径。 因为Node.js默认安装到C:\Users\用户名\AppData\Roaming\npm, 如果你C盘够大,可以不操作 如果你不想放置C盘,那么继续往下看
在你安装好的node.js目录下新建两个文件夹:
node_cache:用来存放缓存 node_global:用来存放依赖 
打开cmd,分别执行下面两行命令
//切记一个是prefix,一个是cache,目录是你自己的目录
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
打开搜索框,进入编辑环境变量
 
首先在用户环境变量里,将默认C:\Users\用户名\AppData\Roaming\npm
替换为自己新建的node_global所在目录
D:\nodejs\node_global

其次在系统环境变量里,新建系统变量
//变量名
NODE_PATH
//node_modules所在目录
D:\nodejs\node_modules
 大功告成,接下来测试一下
三:测试
在cmd管理员模式下命令下,执行
npm install webpack -g
安装成功后可以看到自定义的两个文件夹已生效:  查看安装webpack的版本号
npm webpack -v

|