node.js最新版win10安装

什么是Node.js?

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境;

Node.js使用一个事件驱动、非阻塞式 I/O 的模型,使其轻量且高效;

Node.js的软件包生态系统npm是全球最大的开源库生态系统。

(1)下载安装包

Node.js 官方网站下载:https://nodejs.org/en/download/

当前安装的最新版本为:  Latest LTS Version: 14.15.0 (includes npm 6.14.8)

(2)双击打开安装,下一步下一步安装提示进行安装即可,本博主安装目录为:D:\Program Files\nodejs\

 安装成功,测试安装是否成功,运行CMD,分别输入node -v 和 npm -v 分别查看node和npm的版本号,如下图所示:

 安装完成后系统目录如图所示(其中,npm随安装程序自动安装,作用就是对Node.js依赖的包进行管理):

(3)配置npm在安装全局模块时的路径和缓存cache的路径,因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,

不方便管理且占用C盘空间,所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache,如图所示:

创建下面的两个目录:

D:\Program Files\nodejs\node_cache

D:\Program Files\nodejs\node_global

Win+R ——> cmd ,然后在cmd命令下执行如下两个命令:

执行如下的命令: 

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

npm config set cache "D:\Program Files\nodejs\node_cache"

 

执行完后,配置环境变量,如下:

   

  • “环境变量” -> “系统变量”:新建一个变量名为 “NODE_PATH”, 值为“D:\Program Files\nodejs\node_global\node_modules”,如下图:
  • 环境变量” -> “用户变量”:编辑用户变量里的Path,将相应npm的路径(“C:\Users\用户名\AppData\Roaming\npm”)改为:“D:\Program Files\nodejs\node_global”,如下:
  • 配置完成。 

    4.测试

     在cmd命令下执行 npm install webpack -g 安装webpack如下图所示

  • 安装后对应目录如上图,说明webpack安装完成

  • 在cmd命令下执行 webpack -v 查看webpack版本,如下图所示:

  • 执行该命令提示:   执行webpack -v命令总是提示安装webpack-cli

解决方案

查看是否全局安装webpcak和webpack-cli
这里我们选择yes之后还是不行,问题出在安装webpack的时候是选择的全局安装,这里的webpack-cli也要选择全局安装

执行该命令: npm install --save-dev webpack-cli -g   再次查看如下图:

  

 

至此,node.js安装完成