Node.js的安装与配置

导读:本篇文章讲解 Node.js的安装与配置,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

什么是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)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/83766.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!