那是因为百分之八十的人都没有正确安装node.js

一.安装node.js

  1. 首先前往nodejs官网下载nodejs (选择安装长期支持的稳定版)

  2. 在这里插入图片描述

  3. 点击安装,选择自己要安装的路径(路径不要有中文,不要写中间有空格的目录)

  4. window+R,输入cmd,打开命令提示符窗口,输入

  5. 		npm -v
    
  6. 在命令提示行测是否安装成功,如果输出版本号,则表示安装成功,如图:(可以window键位+R调出运行窗口输入cmd回车即可)

  7. 在这里插入图片描述

  8. 这样就可以安装好node.js

二. 环境配置

  1. 首先配置npm的全局模块的存放路径、cache的路径

  2. 输入如下命令:

  3. [注意命令后面 的路径,如node_global 是在你安装的node.js的目录,新建的目录,另外node_cache也一样] npm config set prefix "C:\Program Files\nodejs\node_global" 敲回车 npm config set cache"C:\Program Files\nodejs\node_cache" 敲回车
    在这里插入图片描述

  4. 完成后可以在文件夹中看到相应名字的文件夹,如下在这里插入图片描述

环境变量的配置

  1. 第一步改变用户变量

  2. 操作如下:我的电脑右击,打开属性->高级系统设置->环境变量->新建(用户变量下)->编辑变量名Path->变量值:输入上面路径,确定即可。

  3. 在这里插入图片描述
    在这里插入图片描述

  4. 第二步在系统环境变量新建NODE_PATH,输入路径为:C:\Program Files\nodejs\node_global

. 在这里插入图片描述

  1. 第三步安装cnpm,输入以下命令:npm install -g cnpm --registry=https://registry.npm.taobao.org也可以进行新的脚手架安装cnpm install -g @vue/cli

  2. npm -v 看到版本号 cnpm -v 看到版本号

  3. node.js 已正确安装

如果输入cnpm -v ,报错 是添加系统变量path的内容 因为cnpm会被安装到D:\Program
Files\nodejs\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。
如图,修改系统变量path: .
在这里插入图片描述
然后再次输入cnpm -v ,结果如下:

在这里插入图片描述
此时node.js正确安装

注:
vue-cli卸载不掉旧版本2.9.6请
在这里插入图片描述
从盘符中删除,可在黑窗口中输入where vue。
在这里插入图片描述

查询当前系统中所存在的脚手架安装所在位置,找到文件的所在地,将他们删除干净
检验是否删除当前本本 黑窗口(命令提示行)输入vue -V 看看是否还有版本号,若没有,则是删除当前版本。

Logo

前往低代码交流专区

更多推荐