安装HbuilderX和node流程

下载版本

HbuilderX:最新版

nodejs版本:v17.3.1

npm版本:8.3.0

HbuilderX安装流程

打开HbuilderX主页  点击此处

到主页之后点击左侧安装选择自己电脑系统来安装

如图示

Windows的下载完直接解压到自己想放到的地方

nodejs的安装流程

1.下载顶上的nodejs解压后打开（最好别安装的c盘,文件夹权限过高的话可能会访问不到）不需要设置其他的点Next就行

2.安装完成之后使用命令查看版本是多少

用win/开始键+R 打开窗口输入cmd

node -v //查看nodejs版本

npm -v    //查看npm版本

注意

如果显示 " 'node' 不是内部或外部命令，也不是可运行的程序或批处理文件。"

那么就在node启动目录的地址栏输入cmd再执行指令

3.npm模块插件安装位置

在node启动目录创建一个文件夹名称是node_cache

 4.执行命令,将路径替换成自己创建的文件目录

npm config set prefix "D:\Program Files\nodejs"  //""里面填安装的文件夹

npm config set cache "D:\Program Files\nodejs\node_cache" //""里面填新建的文件夹node_cache

修改完成之后用 npm config list 命令查看

cache=后面是安装的文件夹地址

prefix-后面是刚刚新增文件夹地址

这样就是对的

5.配置使用淘宝网站的镜像安装vue依赖

npm config set registry https://registry.npmmirror.com //配置淘宝镜像网站地址

配置完成后使用 npm config get registry 查看镜像是否配置成功

这样就是对的

使用 npm install -g @vue/cli

npm install -g @vue/cli  //安装vue依赖

出红色的err就是错的

出黄色的WARN就是正确的