安装node.js 环境,这样前段的vue项目就可以在cmd里面启动了

1 下载

将我发给你的百度云,里面找到这个

在这里插入图片描述
node开头的就是

将它下载到本地
然后解压,就是一个文件夹
在这里插入图片描述
接下来就是配置了

2 配置

在这里插入图片描述
node文件夹里面就是 你刚才解压的东西,打开是这样就对了

在这里插入图片描述
以上的结构一定要和我的一样,那两个只是创建个空文件夹就可以了。

这两个空文件夹的作用
node-global :npm全局安装位置

node-cache:npm 缓存路径

2.1 配置环境变量:

将node.exe 所在的目录添加到path环境变量,这样我们在使用命令行时就可以在任意路径使用node命令了,

1 我的电脑 右击属性
在这里插入图片描述
在这里插入图片描述
我的系统更新之后,点击属性就是这样,直接进入设置里面,如果你们没有更新,应该有一个高级系统设置,这个按钮

反正 找到这个按钮,还找不到自己百度

找到这个点击进去,进来就是系统属性

在这里插入图片描述
以上截图中,找到环境变量 ,点击进去

在这里插入图片描述
以上有两个位置,一个是用户变量,一个是系统变量,我们在系统变量里面做修改

在这里插入图片描述
点击新建,出来一个弹框

在这里插入图片描述
变量名字就写

NODE_PATH

变量值就是你创建的全局目录,比如我的是(一定是你本地的路径,你自己的路径)

在这里插入图片描述
就是箭头指的这个文件夹,点进去,你的应该里面什么都没有,是空的
复制这个路径
在这里插入图片描述

E:\node.js\node_global

将他们写在弹出来的框里面
最后弹出来的框就变为

在这里插入图片描述
上面点击确定,就保存好了

在这里插入图片描述

接下来找到这个

在这里插入图片描述
双击,就弹出一个框

在这里插入图片描述
点击新建

在这里插入图片描述
在这个新的一行里面,写这个东西
(一定是你本地的路径,你自己的路径)
在这里插入图片描述
这个是你刚才解压的路径

在这里插入图片描述
然后点击确定,一路确定

写到这里其实node就算已经装好了。
在这里插入图片描述

npm config set prefix "C:\nodejs\node_gobal"
npm config set cache "C:\nodejs\node_cache"

npm config ls 查看全局安装的配置信息

如何确定你电脑已经将node环境配置好了,那么就可以打开cmd
环境变量配置好之后,重新打开cmd,一定是重新打开,之前打开的关闭,重新打开

在这里插入图片描述
在命令行中输入如下命令测试

node -v

npm -v

在这里插入图片描述
如果出现对应的版本号,那么你电脑就有了node环境,之后就可以在cmd里面启动vue项目了

2.2 安装一个东西

安装东西比较慢

查看本来的镜像

npm get registry

在这里插入图片描述

我们要换一个淘宝的镜像

npm config set registry https://registry.npm.taobao.org

在这里插入图片描述

以上已经更换了镜像,以后下载东西就快了

我们下载一个Vue-cli 脚手架,不知道的自己百度

npm install -g vue-cli

在这里插入图片描述

在这里插入图片描述
以上就把下载的东西放到我配置的文件夹里面了

点击下面,看另一篇文章

cmd命令如何启动vue项目

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一写代码就开心

你的打赏将是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值