Node.js的学习（一）

2022-09-11 17:30:47 阅读：192 来源： 互联网

一、简介

1.1、什么是 node.js ？

node.js 一种 JavaScript 的运行环境，能够使得javascript能够脱离浏览器运行。以前 js 只能在浏览器基础上运行，能够操作的也局限于浏览器，比如浏览器上的放大缩小操作，前提是浏览器开启的基础上进行操作（浏览器是客户端）。有了 node.js 之后，js 可以在服务端进行操作，直接在系统上进行操作，可以打开、关闭浏览器等操作。

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

1.2、Node.js 的功能

node.js 作为一个JavaScript 的运行环境，提供了基础的功能和API：（基于node.js衍生了很多框架）

Express框架 (快速构建web应用)
Electron 框架（快速构建跨平台的桌面应用）
restify 框架（快速构建API接口项目）
创建实用的命令行工具辅助前端开发，读写操作数据库等

Node.js 是一个开源和跨平台的 JavaScript 运行时环境。它几乎是任何类型项目的流行工具！

1.3、Node.js 的特点

Node.js的最大特点是单线程。

二、搭建Node.js开发环境

2.1、下载Node.js

node.js官网：Node.js (nodejs.org)

版本号 LTS：稳定版（一般开发下载这个）
版本号 Current：最新版

2.2、安装Node.js

找到下载的目录里面，打开Node.js进行无脑安装，直接下一步
怎么知道安装成功？
第一种方法：win + R 打开运行对话框，输入cmd 打开命令提示符窗口，输入node -v 回车显示安装版本号，如以下结果即为成功！

2.3、在 VS code 安装 Code Runner 插件

Code Runner 应该是下载量最大的插件之一了，代码一键运行，并支持了 Node.js, Python, C++, Java, PHP, Perl, Ruby, Go 等超过40种的语言。

安装好 Code Runner 之后，打开你所要运行的文件，有多种方式来快捷地运行你的代码：

键盘快捷键 Ctrl+Alt+N
快捷键 F1 调出命令面板, 然后输入 Run Code
在编辑区，右键选择 Run Code
在左侧的文件管理器，右键选择 Run Code
右上角的运行小三角按钮

停止代码运行：

键盘快捷键 Ctrl+Alt+M
快捷键 F1 调出命令面板, 然后输入 Stop Code Run
在Output Channel，右键选择 Stop Code Run

还可以安装 Nodejs Snippets 插件让 VSCode 支持提供 Nodejs 代码的智能提示。

三、第一个Node.js 程序

3.1、在VSCode中创建一个新的项目

3.2、点击 “ 查看 ” -> " 终端 "，在控制台输入 npm init -y 初始化项目

在上面的示例中，我们是通过IDE（集成开发环境，用来表示辅助程序员开发的应用软件）完成编译与运行的，其实手动运行也可以，比如编写一段代码如下：

3.2.1、新建一个 index.js 文件

//依赖一个http模块，相当于java中的import，与C#中的using
var http = require('http');

//创建一个服务器对象
server = http.createServer(function (req, res) {
    //设置请求成功时响应头部的MIME为纯文本
    res.writeHeader(200, {
        "Content-Type": "text/plain"
    });
    //向客户端输出字符
    res.end("Hello World\n");
});
//让服务器监听本地8000端口开始运行
server.listen(8000, '127.0.0.1');
console.log("server is runing at 127.0.0.1:8000");

代码解析：

引入 required 模块：我们可以使用 require 指令来载入 Node.js 模块
创建服务器：服务器可以监听客户端的请求，类似于TomCat、IIS、Apache 、Nginx 等 HTTP 服务器。
接收请求与响应请求服务器很容易创建，客户端可以使用浏览器或终端发送 HTTP 请求，服务器接收请求后返回响应数据。
第一行请求（require）Node.js 自带的 http 模块，并且把它赋值给 http 变量。
接下来我们调用 http 模块提供的函数： createServer 。这个函数会返回一个对象，这个对象有一个叫做 listen 的方法，这个方法有一个数值参数，指定这个 HTTP 服务器监听的端口号。

3.2.2、在node环境下解释运行：

3.2.3、运行结果：

四、NPM（Node.js包管理器）

4.1、简介

当系统上安装好了 Node.js 之后，就会配套安装一个命令，叫做 npm 。npm 是 Node Package Manager 的缩写，意思是 Node 的包管理系统

4.2、官网

https://www.npmjs.com/

4.3、作用

允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

4.4、查看npm版本

由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 " npm -v " 来测试是否成功安装。命令如下，出现版本提示表示安装成功:

4.5、升级npm

如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级：npm install npm

4.6、安装模块

命令：npm install <Module Name> -参数或 npm i 模块名

如果带参数-g表示全局安装，否则只是安装到某个目录下。

以下实例，我们使用 npm 命令安装常用的 Node.js web 框架模块 express，安装在某个目录下而已

执行成功之后，可以看到该目录下自动生成了很多个文件

4.7、卸载模块

命令：npm uninstall <Module Name>

成功之后，可以到 /node_modules/ 目录下查看包是否还存在

4.8、查看模块列表

命令：npm ls

使用模块列表命令可以方便的看到当前项目中依赖的包：

4.9、更新模块

命令：npm update 模块名称

或

命令：npm up -g 模块名称

4.10、搜索模块

命令：npm search 模块名称

4.11、更换NPM 镜像

因为npm的服务器在国外，在网络状态不好的情况下引入一个模块会因为网络延迟而失败，可以更换成国内速度更快的镜像服务器，这里以使用淘宝 NPM 镜像（http://npm.taobao.org/）为例：

npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用 cnpm 命令来安装模块了：
＄ cnpm install [name]

这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟一次以保证尽量与官方服务同步。

如是安装失败，可以试试：

alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"

# Or alias it in .bashrc or .zshrc
$ echo '\n#alias for cnpm\nalias cnpm="npm --registry=https://registry.npm.taobao.org \
  --cache=$HOME/.npm/.cache/cnpm \
  --disturl=https://npm.taobao.org/dist \
  --userconfig=$HOME/.cnpmrc"' >> ~/.zshrc && source ~/.zshrc

4.12、nrm的安装

为了更方便的切换下包的镜像源，可以安装nrm这个小工具，利用nrm提供的终端命令，可以快速查看和切换下包的镜像源。

//通过npm包管理器，将nrm安装为全局可用的工具
npm i nrm -g
//查看所有可用的镜像源
nrm ls
//将下包的镜像源切换为淘宝镜像
nrm use taobao

如图所示：

五、package.json 文件的介绍

5.1、概述

每个项目的根目录下面，一般都有一个 package.json 文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install 命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。

npm ini t可以通过交互的方式初始化项目，npm init -y 快速初始化一个包管理配置文件

下面是一个最简单的 package.json 文件，只定义两项元数据：项目名称和项目版本。

{
  "name" : "xxx",
  "version" : "0.0.0",
}

package.json 文件就是一个JSON对象，该对象的每一个成员就是当前项目的一项设置。比如 name 就是项目名称，version 是版本（遵守“大版本.次要版本.小版本”的格式）

下面是一个更完整的 package.json 文件。

{
    "name": "Hello World",
    "version": "0.0.1",
    "author": "张三",
    "description": "第一个node.js程序",
    "keywords":["node.js","javascript"],
    "repository": {
        "type": "git",
        "url": "https://path/to/url"
    },
    "license":"MIT",
    "engines": {"node": "0.10.x"},
    "bugs":{"url":"http://path/to/bug","email":"bug@example.com"},
    "contributors":[{"name":"李四","email":"lisi@example.com"}],
    "scripts": {
        "start": "node index.js"
    },
    "dependencies": {
        "express": "latest",
        "mongoose": "~3.8.3",
        "handlebars-runtime": "~1.0.12",
        "express3-handlebars": "~0.5.0",
        "MD5": "~1.2.0"
    },
    "devDependencies": {
        "bower": "~1.2.8",
        "grunt": "~0.4.1",
        "grunt-contrib-concat": "~0.3.0",
        "grunt-contrib-jshint": "~0.7.2",
        "grunt-contrib-uglify": "~0.2.7",
        "grunt-contrib-clean": "~0.5.0",
        "browserify": "2.36.1",
        "grunt-browserify": "~1.3.0",
    }
}

View Code

5.2、scripts字段

scripts指定了运行脚本命令的npm命令行缩写，比如start指定了运行npm run start时，所要执行的命令。

下面的设置指定了 npm run preinstall、npm run postinstall、npm run start、npm run test时，所要执行的命令。

"scripts": {
    "preinstall": "echo here it comes!",
    "postinstall": "echo there it goes!",
    "start": "node index.js",
    "test": "tap test/*.js"
}

5.3、dependencies字段，devDependencies字段

dependencies字段指定了项目运行所依赖的模块，devDependencies指定项目开发所需要的模块。

它们都指向一个对象。该对象的各个成员，分别由模块名和对应的版本要求组成，表示依赖的模块及其版本范围。

{
  "devDependencies": {
    "browserify": "~13.0.0",
    "karma-browserify": "~5.0.1"
  }
}

对应的版本可以加上各种限定，主要有以下几种：

指定版本：比如1.2.2，遵循“大版本.次要版本.小版本”的格式规定，安装时只安装指定版本。
波浪号（tilde）+指定版本：比如~1.2.2，表示安装1.2.x的最新版本（不低于1.2.2），但是不安装1.3.x，也就是说安装时不改变大版本号和次要版本号。
插入号（caret）+指定版本：比如ˆ1.2.2，表示安装1.x.x的最新版本（不低于1.2.2），但是不安装2.x.x，也就是说安装时不改变大版本号。需要注意的是，如果大版本号为0，则插入号的行为与波浪号相同，这是因为此时处于开发阶段，即使是次要版本号变动，也可能带来程序的不兼容。
latest：安装最新版本。

注意：

package.json 文件可以手工编写，也可以使用 npm init命令自动生成。

这个命令采用互动方式，要求用户回答一些问题，然后在当前目录生成一个基本的package.json文件。所有问题之中，只有项目名称（name）和项目版本（version）是必填的，其他都是选填的。

有了package.json文件，直接使用npm install命令，就会在当前目录中安装所需要的模块。

如果一个模块不在 package.json 文件之中，可以单独安装这个模块，并使用相应的参数，将其写入 package.json 文件之中。

$ npm install express --save
$ npm install express --save-dev

上面代码表示单独安装express模块，--save参数表示将该模块写入dependencies属性，--save-dev表示将该模块写入devDependencies属性。

举个栗子：导入md5 模块，实现自己姓名的加密

使用：lodash.concat | Lodash 中文文档 | Lodash 中文网 (lodashjs.com) 的工具库

package.json文件原来的版本：

安装模块后：

使用：

运行结果：

5.4、bin字段

bin项用来指定各个内部命令对应的可执行文件的位置。

"bin": {
  "someTool": "./bin/someTool.js"
}

5.5、main字段

main字段指定了加载的入口文件，require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的index.js。

六、gnvm-node.js多版本管理器

6.1、为什么要使用gnvm呢？

在多个项目同时开发时，由于项目时间不同，我们会遇到不同项目所支持的 node.js 版本不一致的情况，导致运行项目时产生冲突。那么怎样可以使我们的 node.js 版本灵活支持我们所运行的项目呢？使用gnvm，Windows 下的 Node.js 多版本管理器，类似 nvm、nvmw、nodist

6.2、特点

下载即用，无需配置。
彩色日志输出。
支持多线程下载。
内置 TAOBAO，方便切换，也支持自定义。
支持 NPM 下载/安装/配置。

6.3、安装gnvm

用管理员权限启动cmd；并确保node是空闲的（将使用中的node关闭）
下载gnvm
- gnvm下载地址：
  链接：https://pan.baidu.com/s/145mPSuETJzh0417JGdt6mg
  提取码：0pfr
- 将 gnvm.exe 文件复制粘贴放在Node.js 所在的文件夹，可查看node安装的位置：where node 命令

　　　　　　使用 gnvm version 命令，验证gnvm是否可用

6.4、gnvm相关指令

0、安装多个 node 版本、
gnvm install latest 1.0.0-x86 1.0.0-x64 5.0.0 // 安装
gnvm install 10.0.0 // 安装指定版本，也可以指定安装32位或64位，eg: gnvm install 10.0.0-x64
gnvm update latest // 更新本地 latest 的 node 版本

1、gnvm search *.*.*  //查询所有版本

2、卸载任意版本的 node
gnvm uninstall latest // 卸载最新版本的 node
gnvm uninstall 10.0.0 // 卸载指定版本

3、查看本地所有安装的 node 版本
gnvm ls

4、切换任意版本的 node
gnvm use 10.0.0

5、安装 npm
gnvm npm latest

6、安装淘宝镜像
gnvm config registry TAOBAO

标签：Node,npm,node,js,学习,模块,安装
来源： https://www.cnblogs.com/fairya/p/16683994.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9