Vue3环境-安装Node.js

Vue3环境-安装Node.js

Vue官网地址

http://cn.vuejs.org/

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

安装Node.js

  • 在官方文档左侧栏点击-快速上手
    在这里插入图片描述
  • 按下【win+R】键,输入cmd,打开cmd窗口
    在这里插入图片描述
  • 确定后执行nmp -v出现以下就继续安装Node.js的步骤,如果已经安装Node.js就可以跳转到npm的安装栏了
    在这里插入图片描述

'npm’不是内部或外部命令,也不是可运行的程序

  • 进入Node.js官网下载安装包
    在这里插入图片描述
  • 根据版本需求自行下载(我是选择稳定版本下载20.11.1 LTS)在这里插入图片描述
  • 下载好安装包后,一路默认到以下界面
    在这里插入图片描述

在这里插入图片描述

  • 查看是否成功安装,按下【win+R】键,输入cmd,打开cmd窗口(注:需要重新打开窗口)

node -v // 显示node.js版本
npm -v // 显示npm版本
–显示版本号则安装成功

在这里插入图片描述

  • 环境配置
    1、在安装目录新建两个文件夹

node_cache
node_global
并且在node_global文件夹中再创建一个node_modules文件夹

在这里插入图片描述
2、使用管理员身份打开命令提示窗口
在这里插入图片描述

npm config set prefix
npm config set cache

在这里插入图片描述
3、配置环境变量
在这里插入图片描述
在这里插入图片描述

  • 修改环境变量
    在这里插入图片描述
  • 修改用户变量
    在这里插入图片描述
  • 添加

%NODE_PATH%

在这里插入图片描述

  • 测试效果

输入
npm install express -g

出现以下情况为没有获得管理员权限
在这里插入图片描述
做如下修改:(将两个文件夹都给予权限
在这里插入图片描述
成功显示如下:在这里插入图片描述

4、安装淘宝镜像

npm config set registry https://registry.npmmirror.com
npm config get registry

在这里插入图片描述

5、安装cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm -v

在这里插入图片描述

  • 12
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值