更多>>网页设计 Blog

      利用npm安装vue时,提示:npm不是内部或外部命令,也不是可运行的程序或批处理文件

      本文讲述了利用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 postcss@8.4.16: 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 命令行窗口查看。


      评论列表

      暂时没有相关记录

      发表评论

      用来接收审核回复提醒,请认真填写

        换一张?
      captcha
      看不清?点击图片换一张