下载版本
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就是正确的