Windows安装NodeJS和WebPack详细步骤
1、下载安装包
Node.js 官方网站下载:https://nodejs.org/en/
选择操作系统对应的包:
2、安装
安装包如下:
打开安装包,一直点下一步即可(就不截图了)。
3、安装成功之后,系统会自动配置环境变量和npm包,此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号:
4、配置npm在安装全局模块时的路径和缓存cache的路径
因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,如下图所示:
所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache。
然后在cmd命令下执行如下两个命令:
npm config set prefix "D:\Software\java\nodejs\node_global"
npm config set cache "D:\Software\java\nodejs\node_cache"
执行成功之后。在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”, 值为“D:\Software\java\nodejs\node_modules”,如下图:
最后编辑用户变量里的Path,将相应npm的路径改为:D:\Software\java\nodejs\node_global,如下:
这样就配置完成了。
测试
在cmd命令下执行如下命令。
安装webpack
C:\Users\private7685> npm install webpack -g
然后安装成功后可以看到自定义的两个文件夹已生效:
webpack 也已安装成功,执行 如下命令:
查看webpack的版本号
C:\Users\private7685> npm webpack -v