保姆级纯净的WIN10电脑安装+配置nodejs & 安装vue-cli


首先下载node.js地址:https://nodejs.org/en/

1、下载安装包,点击安装就一直下一步就可以了。

2、安装完成后,系统会自动帮你配置系统环境变量,你可以在系统环境变量中path可以看到

3、win+r 进入cmd 查看node.js和npm的版本号,如下图:
在这里插入图片描述
4、进入C:\Users\admin\AppData\Roaming,可以看到npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过,

一使用缓存目录就生成了),我们试图把这2个目录移动回到D:\ProgramFiles\nodejs,在D:\ProgramFiles\nodejs目录下创建两个文件夹,分别是以下两个:
(==这里注意!!!== 有的人电脑是Program Files,有的人是ProgramFiles,区别在于中间的空格,不同电脑不一样,这里注意一下,一会儿会有影响,按照自己的情况就行)
在这里插入图片描述
然后在docs命令下运行以下2条命令
npm config set prefix “D:\ProgramFiles\nodejs\node_global”
npm config set cache “D:\ProgramFiles\nodejs\node_cache”
(==这里注意!!!== 有的人电脑是Program Files,有的人是ProgramFiles,区别在于中间的空格,不同电脑不一样)
把目录设置为我们指定的目录,最后在docs下运行npm list -global,可以看到目录已经改变了。
因为使用npm下载很慢,这时候我们需要配置淘宝镜像站,下载才会快。
docs命令下输入命令npm config set registry=http://registry.npm.taobao.org 配置镜像站
再输入npm config list可以显示刚才我们配置的信息。
在这里插入图片描述
注意:

使用 npm -g 安装的时候,默认的模块D:\ProgramFiles\nodejs\node_modules 目录
将会改变为D:\ProgramFiles\nodejs\node_global\node_modules目录,
我们需要做1件事情:
增加环境变量NODE_PATH 内容是:D:\ProgramFiles\nodejs\node_global\node_modules
(==这里注意!!!== 有的人电脑是Program Files,有的人是ProgramFiles,区别在于中间的空格,不同电脑不一样)
下载vue-cli 脚手架,npm install vue-cli -g,这里有人会有这个警告(可以借鉴这个博主的文章)
nodejs 报错
Error: EPERM: operation not permitted, mkdir ‘C:\Program Files (x86)\nodejs\node_cache\node_modules’

在这里插入图片描述
翻译过来就是用户对这个文件夹没有新增修改文件的权限,给用户加上就行。
找到node安装目录,右键属性,点击安全,设置users用户完全控制权限
在这里插入图片描述
在这里插入图片描述
然后接着来下载vue-cli 脚手架,npm install vue-cli -g,下载vue后,docs命令下测试vue ,提示没有vue命令。
在这里插入图片描述
主要是因为vue脚本在自定义的global目录下,不在path环境变量
这时候,我们需要在环境变量path中添加,D:\ProgramFiles\nodejs\node_global,如下图
在这里插入图片描述
再来输入vue就可以看到是有这个命令的了在这里插入图片描述
查看vue脚手架版本,vue -V 字母V为大写。
在这里插入图片描述