关于NodeJS的安装与配置

最新推荐文章于 2022-08-16 10:02:09 发布

原创最新推荐文章于 2022-08-16 10:02:09 发布 · 420 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了Node.js及其包管理器npm的基本概念，并详细指导如何搭建Node.js开发环境，包括下载、配置环境变量、设置npm镜像等步骤，还演示了如何运行一个Node.js项目。

关于NodeJS的安装与配置

1. Node.js是什么？npm又是什么？

1.1、Node.js简介。

官方解释：

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。
Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。
Node对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。Node是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。Node 使用事件驱动，非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。

简单的来说：

NodeJS他是用C++开发的一种运行于服务器端的语言，可以写网站后台程序，可以做服务端应用开发，他的语法就是JavaScript，会JS，就是会NodeJS，区别于，普通JS是脚本运行客户端，而NodeJS中的JS是运行于服务器端。所以说，NodeJS的作用相当PHP,ASP等语言。

1.2、npm简介。

其实在一开始并没有npm，这个东西。但是当一个项目依赖的代码越来越多，程序员发现这是一件很麻烦的事情：

去 jQuery 官网下载 jQuery
去 BootStrap 官网下载 BootStrap
去 Underscore 官网下载 Underscore
等等等等

有些程序员就受不鸟了，一个拥有三大美德的程序员 Isaac Z. Schlueter （以下简称 Isaaz）给出了一个解决方案：用一个工具把这些代码集中到一起来管理吧！这个工具就是他用 JavaScript （运行在 Node.js 上）写的 npm，全称是 Node Package Manager。

npm的思路大概是这样的：

买个服务器作为代码仓库（repository），在里面放所有需要被共享的代码
发邮件通知 jQuery 、Bootstrap 、Underscore 的作者使用 npm publish 把代码提交到 repository 上，分别取名 jquery、bootstrap 和 underscore（注意大小写）
社区里的其他人如果想使用这些代码，就把 jquery、bootstrap 和 underscore 写到 package.json 里，然后运行 npm install ，npm 就会帮他们下载代码
下载完的代码出现在 node_modules 目录里，就可以随意使用了。

这些可以被使用的代码被叫做「包」（package），这就是 npm名字的由来：Node Package(包) Manager(管理器)。

2. Node.js环境搭建。

2.1、下载Node.js压缩包。

我们进入下载地址：https://nodejs.org/zh-cn/download/ 下载压缩包的Node.js。我这里下载的是64位的，在它的左边是32位的，请自行选择。
在这里插入图片描述

2.2、解压Node.js并创建npm全局安装位置文件夹和npm缓存路径文件夹。

在这里我们要创建两个文件夹

npm全局安装位置文件夹：node_global
npm缓存路径文件：node_cache

2.3 、配置Node.js的环境变量。

第一步：我们点击电脑的属性设置
在这里插入图片描述
第二步：点击高级属性配置–>点击环境变量

第三步：点击新建–>变量名输入：NODE_HOME–>变量值使用浏览目录(你自己的安装目录)–>最后点击确定

在这里插入图片描述
第三步：选中path–>点击编辑–>点击新建–>新建环境变量%NODE_HOME%和%NODE_HOME%\node_global–>点击确定

2.4、配置npm全局模块路径和cache默认安装位置。

然后我们就要使用CMD黑窗口了，配置npm全局模块路径和cache默认安装位置。在黑窗口中输入(切记切记：我的NodeJS的安装路径是G:\byajjnode\node-v10.16.1-win-x64，各位要输入自己的NodeJS的安装路径)：
npm config set cache “G:\byajjnode\node-v10.16.1-win-x64\node_cache”
npm config set prefix “G:\byajjnode\node-v10.16.1-win-x64\node_global”
在这里插入图片描述

2.5 、修改npm镜像提高下载速度。

接下来我们要设置npm镜像，以此来提高下载速度。我们接着在黑窗口中输入npm config set registry https://registry.npm.taobao.org/，然后再输入npm config get registry来查看一下是不是出来一个网址：https://registry.npm.taobao.org/。
在这里插入图片描述

3.6、验证安装结果。

接着我们来做一个最后的测试，来看看我们是否成功的配置完成。

输入：node -v，看是否出结果，如果没有要重新安装NodeJS。
输入：npm -v，看是否出结果，如果没有看一下是否环境没有配置好。
输入：npm get registry，看结果是否为https://registry.npm.taobao.org/。如果不是再执行一下：“2.5 、修改npm镜像提高下载速度。”这个操作。
输入：npm install webpack -g，看是否生成如下文件夹 %node_home%\node_global\node_modules\webpack（%node_home%：你NodeJS的安装路径）。如果出不来，先仔细找找，再查看一下是不是网络问题。如果都不是，你就重新安装NodeJS