本文讲述了利用npm命令安装软件和node.js环境的安装,并解决利用npm安装vue时,提示:npm不是内部或外部命令,也不是可运行的程序或批处理文件的问题。

我们打开 windows 的 cmd 命令行窗口,在使用 npm 命令安装软件时,报出如下错误:npm 不是内部或外部命令,也不是可运行的程序或批处理文件。

如图所示:

2022-08-18_000002.png


一、关于 npm 命令


我们经常看到一些软件的官方文档教程,在安装一些软件时,需要用到 npm 命令进行安装。

而这些作者往往有一个通病,一上来就让使用 npm 命令进行安装。

但是他们却忽略了一个重要的前提,那就是 npm 命令是从哪来的,是电脑中自带的么,根本不是。

如果用户的电脑中根本就没有 npm 命令,你让用户怎么使用 npm 命令安装你的软件呢。


二、下载 node.js


如果想要使用 npm 命令,首先需要安装 node 环境。

因为 npm 是 node 自带的包管理工具,已经内置在了 node 中。


node 官网地址:

https://nodejs.org/en/


node.js 下载地址:

https://nodejs.org/en/download/


node.js 历史版本地址:

https://nodejs.org/en/download/releases/


需要说明的是,如果你的电脑是 win7 环境,那么建议安装 <= v13 的 node 版本。

因为 v13 的下个一版本 v14 不再支持 win7 系统了。

而 v13 的最高版本则是 v13.14.0。


如果你使用高于 v13 的版本,安装时,则会弹出如下窗口:

2022-08-18_000219.png


根据笔者的使用经历,如果使用 node-v13.14.0 版本,可能会报错,错误如下:

错误一:安装完毕,会报出如下错误:

npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":"^10 || ^
12 || >=14"} (current: {"node":"13.14.0","npm":"6.14.4"})

错误二:使用 vue -V 查看版本号时,报出如下错误:

You are using Node v13.14.0, but this version of @vue/cli requires Node ^12.0.0
|| >= 14.0.0.
Please upgrade your Node version.

所以本文建议使用 v12 的最高版本 v12.22.12 进行安装。


微信截图_20231219225639.jpg


在历史版本地址中,找到 v12 的最高版本进行下载,地址如下:

https://nodejs.org/download/release/v12.22.12/


如果你的电脑是64位系统,就下载 node-v12.22.12-x64.msi 下载地址:

https://nodejs.org/download/release/v12.22.12/node-v12.22.12-x64.msi


如果你的电脑是32位系统,就下载 node-v12.22.12-x86.msi 下载地址:

https://nodejs.org/download/release/v12.22.12/node-v12.22.12-x86.msi


三、安装 node.js


1、安装

双击 node-v12.22.12-x64.msi

点击 Next -> 勾选同意协议 -> 点击 Next -> 选择安装路径,如 D:\Program Files\nodejs\ -> 点击 Next -> 点击 Next -> 点击 Next -> 点击 Install -> 点击 Finish

安装完成


2、查看安装结果

查看 node.js 版本号:

node -v

查看 npm 版本号:

npm -v

如图所示:

2022-08-18_000345.png


3、创建全局文件夹 node_global 和 node_cache

找到 node 安装路径,如 D:\Program Files\nodejs 目录下,

全局包目录:node_global

全局包缓存目录:node_cache


4、设置环境变量

我的电脑 -> 属性 -> 高级系统设置 -> 环境变量:

找到系统变量,找到 PATH -> 编辑 在后面追加:D:\Program Files\nodejs\node_global;

点击确定 -> 确定 -> 确定


5、修改 npmrc 配置

找到 node 安装路径,找到 npmrc 文件,如 D:\Program Files\nodejs\node_modules\npm 目录下

打开 npmrc 文件

可以看到,默认配置如下:

prefix=${APPDATA}\npm

修改为如下配置:

registry=https://registry.npm.taobao.org/
prefix=D:\Program Files\nodejs\node_global
cache=D:\Program Files\nodejs\node_cache
strict-ssl=false


四、安装 vue-cli


1、安装

启动命令窗口,执行如下命令:

npm install -g @vue/cli


2、查看安装结果

查看 vue-cli 版本号:

vue -V

vue --version

如图所示:

2022-08-18_000666.png


【特别说明】

如果还是提示:npm不是内部或外部命令,也不是可运行的程序或批处理文件,请启动一个新的 cmd 命令行窗口查看。


1. 利用npm安装vue时,提示:npm不是内部或外部命令,也不是可运行的程序或批处理文件 2. 网站首页页面宽度以多少像素为宜(之一) 3. 网页设计中,提交重置按钮如何用图片来表示 4. 如何控制 textarea 的边框只能左右拖动、上下拖动或不能拖动 5. 网页设计标准尺寸 6. 网页设计时 利用 PhotoShop 画出圆角矩形 7. 关于网页设计的几点注意事项 8. 关于网站首页页面的宽度是 950 还是 960(之二) 9. CSS层叠样式表属性及样式文件和JS文件的调用