nodejs安装配置详细步骤——用powershell执行打包命令时命令不存在，需要安装nodejs

红太狼 2022-09-01 00:55 456阅读 0赞

**在用Windows powershell进行npm run build 打包时命令不存在，nodejs自带NPM，所以需要装个nodejs就可以了。在安装和解决这个问题的 过程中记录一下详细过程，以备后续使用时参考。**

**目录**

一、认识nodejs

1.1什么是nodejs?

1.2 使用前，掌握下面NPM\\webpack\\Vue-cli是用来做什么的

二、Windows下安装

2.1下载安装包

2.2双击后开始安装

2.3 检查nodejs安装是否成功

2.4 配置npm安装全局模块的路径与缓存路径

2.5 进行环境变量的配置

2.6 执行测试

--------------------

# 一、认识nodejs #

## 1.1什么是nodejs? ##

![nodejs图][nodejs]

Node.js 是一个基于 Chrome V8 引擎的javascript运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。

Node 是一个让 JavaScript 运行在服务端的开发平台，它让javascript成为与PHP、Python等服务端语言平起平坐的脚步语言。

由大神大神 Ryan Dahl 于2009年开发的。

本质上node.js不是库，是一个运行环境或者是一个js语言解释器。

## **1.2 使用前，掌握下面NPM\\webpack\\Vue-cli是用来做什么的** ##

（1）npm: Nodejs下的包管理器。

（2）webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。

（3）vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）

# 二、Windows下安装 #

## 2.1下载安装包 ##

[点击跳转官网下载][Link 1]，如下图所示，根据windows的版本选择32或64位的安装包下载。

建议安装14以下的版本，开源迭代版本太快，版本太高有时候容易出错，安低一些相对比较稳定

**【点击下载之前的低版本】**

本人装的是12.18.4，装完比较稳定，没什么问题，之前装了别人推荐的8.9.3，在打包时显示npm版本不支持，下载安装最新的14.17.3之后也不行，显示版本 不稳定，来来回回卸载完装了好几回，还是同事推荐的12.18版本好使，装完就可以直接打包了，没一点不良反应。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 1][]

找到适合的版本之后点击【downloads】下载

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 2][]

## 2.2双击后开始安装 ##

下载之后双击安装；

![20210726201320601.png][]

点击Next、显示Node.js的许可协议页面：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 3][]

**勾选“I accept the terms in the License Agreement”同意许可协议，并单击Next下一步，出现如下界面：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 4][]

**Node.js默认安装路径为“C:\\Program Files\\nodejs\\”，你可以修改，在这里我改到了D盘，单击Next，出现安装模式及模块选择界面：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 5][]

**这里我直接（点击Add to PATH）Next下一步，准备就绪，准备安装：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 6][]

**确认无误后，点击Install，开始安装：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 7][]

**半分钟后，安装完成，点击Finish即可：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 8][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 9][]

## 2.3 检查nodejs安装是否成功 ##

*  当执行完上步安装包安装后，需要进行安装是否成功，win+r打开运行，输入cmd后进入命令行界面。分别输入`node -v`和`npm -v`命令进行node的版本号和npm的版本号的查看。
 *      node -v
    
        npm -v

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 10][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 11][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 12][]

*  安装完后的目录如下图所示

![img][]

目录中的npm随安装程序自动安装，作用：对Node.js依赖的包进行管理

## 2.4 配置npm安装全局模块的路径与缓存路径 ##

一般，在进行`npm install ...`等命令全局安装时，默认的会将模块安装`C:\Users\用户名\AppData\Roaming`路径下的`npm`和`npm_cache`中。

此时可不进行修改，但便于对C盘数据进行管理，此时这里配置我们自定义的全局模块安装路径和缓存路径，在当前的nodejs安装目录下新建两个文件夹，分别为node\_global`和`node\_cache\`。

**npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过，一使用缓存目录就生成了)，我们试图把这2个目录移动回到D:\\nodejs**

先如下图建立2个目录

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 13][]

此时需要win+r打开运行，输入cmd进入命令行界面，分别输入以下内容执行

里面的路径为安装nodejs时的路径。

npm config set perfix "D:\Programs\nodejs\node_global"
    npm config set cache  "D:\Programs\nodejs\ndoe_cache"

输入命令npm config list 查看显示所有配置信息

npm config list

## ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 14][] ##

## 2.5 进行环境变量的配置 ##

*  在**系统变量**中新建 `NODE_PATH`
 *      NODE_PATH     D:\Programs\nodejs\node_global\node_modules
 *  在**用户变量**中编辑**用户变量的path**，修改对应的npm的路径值为上文中自定义的`node_global`路径

D:\Programs\nodejs\node_global

## 2.6 执行测试 ##

win+r打开运行cmd，执行**npm install webpack -g** 安装webpack，出现下图即配置完成。

![20210726205647443.png][]

在自定义的文件中也会相应的显示如下内容

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 15][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 16][]

参考文件：

1、[https://www.cnblogs.com/lgx5/p/10732016.html][https_www.cnblogs.com_lgx5_p_10732016.html]

2、[https://my.oschina.net/hshdexy/blog/4542419?hmsr=kaifa\_aladdin][https_my.oschina.net_hshdexy_blog_4542419_hmsr_kaifa_aladdin]

3、[https://blog.csdn.net/muzidigbig/article/details/80493880][https_blog.csdn.net_muzidigbig_article_details_80493880]

[nodejs]: /images/20220829/ebcd02fb479c4b38adf2fb227e9023f3.png
[Link 1]: https://nodejs.org/en/download/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70]: /images/20220829/c3dfd21d72df4a849aa001888f6b9236.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 1]: /images/20220829/9e4d22469a29429a80da0ae53322f80c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 2]: /images/20220829/728f31a32ca54de08924a748fa860cdb.png
[20210726201320601.png]: /images/20220829/1fe0670a61e9416fb0f1ed4f437ca812.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 3]: /images/20220829/2d3756ac71734f999cac2a76609e6727.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 4]: /images/20220829/625953ea8f2c4db9bc2ee69ed1056574.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 5]: /images/20220829/05f19ede02d1430bad1b89b1b7ccc0b7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 6]: /images/20220829/f90201f1c98c42a8b48912f6557acc76.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 7]: /images/20220829/6343b96d33064877b547f9ae8ad3bafd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 8]: /images/20220829/5a9e68353e99448f8b39e8a9ee96ada1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 9]: /images/20220829/3acbc6f3e43d46d3818529a1a2ca5a2d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 10]: /images/20220829/69ef2c45ecd34fdb972f239afed659c0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 11]: /images/20220829/af5d05f60bbf43beb0d5d886cef17948.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 12]: /images/20220829/01b7a03ccbba46cc98eeda5c25a0bcc8.png
[img]: /images/20220829/f6414c91789d420eb088f6cc2962fea3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 13]: /images/20220829/69f40d015dcf4e78ba247c252bbd5bb0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 14]: /images/20220829/87dcd6c5a1f54033805876ba90b06d2e.png
[20210726205647443.png]: /images/20220829/40bba9c3b3ca4cc486bbd144d295c0c3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 15]: /images/20220829/f691ae26f40046728ba610c3db1e56b7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NzE1MDAw_size_16_color_FFFFFF_t_70 16]: /images/20220829/5a3f35e5ab8d4663ac12d6c14656d23e.png
[https_www.cnblogs.com_lgx5_p_10732016.html]: https://www.cnblogs.com/lgx5/p/10732016.html
[https_my.oschina.net_hshdexy_blog_4542419_hmsr_kaifa_aladdin]: https://my.oschina.net/hshdexy/blog/4542419?hmsr=kaifa_aladdin
[https_blog.csdn.net_muzidigbig_article_details_80493880]: https://blog.csdn.net/muzidigbig/article/details/80493880