Node.js的安装与配置

什么是Node.js?

简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript
运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

Node.js 官方网站:https://nodejs.org/en/

一、下载


官方下载地址:https://nodejs.org/zh-cn/download/

在这里插入图片描述

二、安装


一直点击next就行了

在这里插入图片描述

选择安装位置

在这里插入图片描述

添加node.js到系统环境变量

在这里插入图片描述

安装完成

在这里插入图片描述

结束

在这里插入图片描述

安装位置目录

在这里插入图片描述

三、测试


在Windows运行cmd命令:
node -v:查看node.js版本号;
npm -v:查看npm版本号;

在这里插入图片描述

四、修改全局依赖包下载路径


默认情况下,我们在执行npm install -g XXXX下载全局包时,这个包的默认存放路径位C:\Users\用户名\AppData\Roaming\npm\node_modules下,可以通过CMD指令npm root -g查看

$ npm root -g
C:\Users\Bealei\AppData\Roaming\npm\node_modules

但是有时候我们不想让全局包放在这里,我们可以自定义存放目录,在cmd窗口执行以下两条命令修改默认路径:

$ npm config set prefix "D:\code\npm\node_modules"
$ npm config set cache "D:\Code\npm\node_cache"

五、配置path环境


因为我们修改了全局包的下载路径,那么自然而然,我们下载的全局包就会存放在 D:\Code\npm\node_modules,而其对应的 cmd 指令会存放在 D:\Code\npm

我全局安装一个vue-cli脚手架:

$ npm install @vue/cli -g

我使用 CMD 命令 vue create myproject 指令创建一个项目,显示如下:

$ vue create myproject
'vue' 不是内部或外部命令,也不是可运行的程序
或批处理文件。

这是因为我们在执行指令时,它会默认在node安装根目录下查找指令文件,在这里就是vue.cmd,然后还会在node安装根目录下的node_modules下查找依赖包文件夹,在这里就是@vue文件夹,因为我们修改了全局包的存放路径,所以自然找不到了。

所以我们需要把我们指定的全局包存放路径添加到系统环境变量,这样就可以找到了。

在这里插入图片描述

再次测试一下,就成功啦

$ vue create myproject
?  Your connection to the default npm registry seems to be slow.
   Use https://registry.npm.taobao.org for faster installation? (Y/n)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值