nodejs & nvm & npm

骑猪看日落 2023-05-28 15:51 50阅读 0赞

### 资源： ###

windows： [nvm安装与使用][nvm]

Mac： [Mac安装指定版本的node][Mac_node]

[npm 中文文档][npm]：里面有关于npm所有相关资料

*  npm 基于node开发的包 ，包含超过 600000 个 包（package） （即，代码模块）
 *  [npmjs.com][] 网站 是开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径。

# node.js #

*  node.js是基于Chrome **v8引擎**的JavaScript运行缓环境
 *  特点：事件驱动，非阻塞式I/O模型，轻量、高效、单线程、单进程

**nodejs能做什么？**

*  可以解析所有的js代码（没有浏览器安全级别的限制）
 *  提供了很多系统级别的API：文件的读写（js无法做到，node.js可以做到）、进程的管理、网络的通信…

#### v8 ####

*  谷歌开源的一个高性能 JavaScript 引擎
 *  采用 C++ 编写
 *  Google Chrome 浏览器用的就是这个引擎
 *  V8 可以单独运行，也可以嵌入 C++ 应用当中
 *  V8 会编译、执行 JavaScript 代码，并一样会管理内存、垃圾回收
 *  V8 的高性能以及跨平台等特性，所以它也是 Node.js 的 JavaScript 引擎
 *  JIT 编译出即时机器码，极大提高效率
 *  借鉴java vm 垃圾回收，精确垃圾回收

### 准备Node.js ###

使用nvm安装并维护多个node.js版本  
安装地址：[https://github.com/coreybutler/nvm-windows/releases][https_github.com_coreybutler_nvm-windows_releases]  
推荐：nvm-setup.zip，比较稳定

**常用nvm命令：**

<table> 
 <tbody> 
  <tr> 
   <td> nvm install 版本号</td> 
  </tr> 
  <tr> 
   <td> nvm install --lts   //安装长期支持版Node.js，版本号 12.16.1 (LTS)</td> 
  </tr> 
  <tr> 
   <td>nvm list   //查看已安装的所有版本的node </td> 
  </tr> 
  <tr> 
   <td>nvm use 版本号   //使用制定版本node。可指定32/64位。</td> 
  </tr> 
  <tr> 
   <td>nvm uninstall 版本号</td> 
  </tr> 
  <tr> 
   <td>nvm ls-remote   //查看所有的node 版本信息 </td> 
  </tr> 
  <tr> 
   <td>nvm current   //查看当前使用的版本 </td> 
  </tr> 
  <tr> 
   <td>nvm --version（- v 简写）   //查看nvm的版本信息 </td> 
  </tr> 
 </tbody> 
</table>

如果安装完之后，发现无法切换成功node，可以尝试下面的做法：  
安装nvm之前卸载安装过的node版本，如果还是不成功，则重命名node安装目录"C:\\Program Files\\nodejs" 为"C:\\Program Files\\nodejsx"，应该就能成功切换了。  
参考：[Why doesnt work to switch node version via “nvm use”][Why doesnt work to switch node version via _nvm use]

### 命令行中的体验 ###

1.  $ node 进入命令行
2.  在浏览器和命令行中运行代码
3.  在浏览器和node中运行 window process对象
4.  js里有BOM、DOM，node.js里没有BOM、DOM对象

### 编写一个可执行的js文件 ###

1、编写index.js

function greeting(){ 
       return “hekllo”;
    }
    greeting();

2、node index.js //执行  
![在这里插入图片描述][2020031613271829.png]  
3、插件nodemon：实时监测文件的变化  
全局安装：`npm install -g nodemon`

用nodemon命令去执行文件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70]

## 模块包/CommonJS规范 ##

Node 应用由模块组成，采用 CommonJS 模块规范。

*  每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。
 *  如果想在多个文件分享变量，必须定义为global对象的属性。
 *  *module* 代表的当前模块 ；exports属性，代表向外提供接口。
 *  require加载模块，读取并执行一个js文件，然后返回该模块的exports对象。
 *  模块加载的顺序，按照代码中出现的顺序。
 *  模块可以多次加载，第一次加载运行之后，会被缓存；所以后面再次加载，直接从缓存里面拿。  
    ![format_png][]  
    [http://www.commonjs.org][http_www.commonjs.org]  
    [CommonJS规范 来自《JavaScript 标准参考教程（alpha）》，by 阮一峰][CommonJS_ _JavaScript _alpha_by]
 *  Server-side JavaScript applications
 *  Command line tools
 *  Desktop GUI-based applications
 *  Hybrid applications (Titanium, Adobe AIR)

### requier内部处理流程 ###

##### （一）导出 #####

1、模块内容导出1：

module.exports.msg1 = '导出方法2：module.exports.msg'
    exports.msg2 = '导出方法3：exports.msg'
    
    如果后面写有相同的变量名，就会覆盖该变量之前的值，比如exports.msg1 = '覆盖之前的msg1'

2、模块内容导出2：（不能与上面两种方法共存）

module.exports = "导出方法1：module.exports";

注意：不能直接 exports = “字符串” ，会改变引用关系。

3、全局配置：

global.address1="address1为全局属性";

##### （二）导入 #####

1、常见导入

var info=require("./cycle");// 导入模块并命名为info，"./cycle.js"可以省略".js"

查看一下结果：

console.log(info);
    console.log(info.msg1);
    console.log(info.msg2);
    console.log(address1);

![在这里插入图片描述][20200316141640699.png]  
2、打印查看模块

//先导入两个模块
    var info=require("./cycle");
    var msg=require("./game");
    
    console.log(module);//查看所有导入的模块

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70 1]  
3、向模块里手动添加内容

var info=require("./cycle");
    
    info.message="hello666";//向cycle.js模块里手动添加值
    info=require("./cycle");//再次导入
    console.log(info.message);
    console.log(info.msg1,info.msg2);

从结果看，再次导入同一模块是可以的，而且第一次加载运行后内容被缓存了，之前的也能打印出来：  
![在这里插入图片描述][20200316142925265.png]

##### （三）流程总结 #####

*  检查Module.\_cache，是否缓存了指定模块，
 *  如果缓存没有，就会创建一个新的module实例，并将之保存起来
 *  module.load()去加载指定的模块
 *  如果解析的过程中，出现异常，就从缓存中删除该模块
 *  如果前面都没有问题，最后返回该模块的module.exports

##### （四）模块的循环加载问题（练习） #####

// a.js
    exports.x = 'a1';
    console.log('a.js ', require('./b.js').x);
    exports.x = 'a2';
    
    // b.js
    exports.x = 'b1';
    console.log('b.js ', require('./a.js').x);
    exports.x = 'b2';
    
    // main.js
    console.log('main.js ', require('./a.js').x);
    console.log('main.js ', require('./b.js').x);

如果分开执行main.js里的两条语句：每次都会编译执行。

如果同时执行main.js里的两条语句：

执行`main.js`里第一条语句`console.log('main.js ', require('./a.js').x);`时，是第一次加载，每一行代码都编译、执行，并且存到缓存；  
当执行`main.js`里第二条语句`console.log('main.js ', require('./b.js').x);`时，直接从缓存读取，打印数据。  
![在这里插入图片描述][20200316155316251.png]

## node.js模块 ##

在 Node.js 模块系统中，每个文件都被视为一个独立的模块。  
![format_png 1][]

### 内置js模块 ###

有什么要用的接口、模块可以去官网查：  
[node  API 函数接口文档  Node.js v13.11.0 Documentation][node _API _ Node.js v13.11.0 Documentation]

下面是一些比较常见的：
    
    const http = require('http');
    const path = require('path');
    const qs = require('querystring');
    //涉及文件的读写，。。。
    const fs = require('fs')
    const url = require('url');
    
    // var rs = path.resolve(__dirname, '../dev/');
    // __dirname变量获取当前模块文件所在目录的完整绝对路径 
    // path.resolve()是一个修改和整合文件路径的方法。
    // console.log(rs);

链接：  
[path.resolve()理解][path.resolve]  
[Node的path.resolve(\_\_dirname，’./src’)][Node_path.resolve_dirname_._src]

### 第三方模块 ###

一般是我们在`npmjs.com`网站上下载的第三方工具包，当然也可以下载自己上传的包。

比如把自定义的模块`project-custom-001`下载下来，引用方法都一样：

var gp18 = require('project-custom-001');
    // 使用
    console.log(project.count(), project.getStudentlist());

### 自定义模块 ###

自己写一个模块，然后上传到npm库，就可以供给其他人下载使用了。假如写的是下面的：

function project18() {  }
    
    project18.prototype = { 
      count() { 
        return 38;
      },
      getStudentlist() { 
        return [
          { name: 'Susan',age: 18},
          { name: 'Tom',age: 20}
        ]
      }
    }
    
    module.exports = new project18();//实例化导出

### npm包发布流程 ###

大师兄：[npm命令&发布npm包及其常见BUG处理&npm包版本号规则][npm_npm_BUG_npm]

1.  注册npm账号  
    注册地址：https://www.npmjs.com/
2.  创建你要发布的项目  
    执行npm init （-y 可以加这个，表示一切默认） , 生成Package.json , 添加包的名称（唯一），版本号，入口文件…
3.  登录npm，执行发布，发布到npm库  
    npm login  
    npm publish
4.  更新版本  
    改变package.json里面版本号， npm publish
5.  使用方式  
    npm i \*\*\*\*\*, 安装自己要使用的包（然后你可以有些依赖啊什么的，比如 -D，然后正常模块引入即可）
6.  卸载已经发布的包  
    npm unpublish project-custom-001@1.0.1 （npm unpublish 包名@版本号）

### module.exports & exports 深入了解模块原理 ###

模块的输出`module.exports`怎么实现的（下面是流程模拟）？

Node可以先准备一个对象module：

// 准备module对象:
    var module = { 
        id: 'hello',
        exports: { }
    };

变量module是Node在加载js文件前准备的一个变量，然后将其传入加载函数，我们能直接`console.log(module)`原因就在于module实际上是函数的一个参数：

// 一个对象module,一个函数load,一个对象exports,一个方法save()
    // load就是编译加载，exports导出，save缓存
    var load = function (module) { 
        // 读取的hello.js代码:
        function greet(name) { 
            console.log('Hello, ' + name + '!');
        }
        
        module.exports = greet;
        // hello.js代码结束
        return module.exports;
    };
    var exported = load(module);
    // 保存module:
    save(module, exported);

通过把参数module传递给load()函数，js文件里`module.exports.msg1 = '字符串'`就顺利把一个变量msg1 传递给了Node执行环境，Node会把module变量保存到某个地方。

由于Node保存了所有导入的module，因而当我们用`require()`获取module时，Node找到对应的module，把这个module的exports变量返回，这样，另一个模块就顺利拿到了模块的输出。

注意，exports=“字符串” 不能这样写的原因就是，引用关系发生改变，exports不再指向module.exports：

我们知道，module.exports="字符串"   是OK的，因为看上面 return module.exports;
    而其实： exports=module.exports  ，
    如果，exports="字符串"  ，
    exports与module.exports引用关系就断裂了

大师兄说：module是封闭的模块，属性、函数都是私有的，仅对外提供module.exports属性以供调用，而require加载函数的返回值永远是module.exports属性对象，因为exports引用关系改变不再指向module.exports，与module.exports再无瓜葛，所以无法被require识别调用。  
再通俗一点，是require只认识module.exports，你exports以前代表module.exports，现在你只是代表一个字符常量，爷不认识你了。

### NPM使用入门 ###

因为不是我编写，也没有修改过，所以直接链接私密：[NPM使用入门][NPM]  
（包含内容：NPM 常用命令、设置npm的registry、版本号命名规则、Package.json版本号规则、软件阶段说明）

## 创建第一个Web服务器 ##

[用node创建Web服务器][node_Web]

[nvm]: https://www.cnblogs.com/gaozejie/p/10689742.html#autoid-4-0-0
[Mac_node]: https://blog.csdn.net/Charissa2017/article/details/104497572
[npm]: https://www.npmjs.cn/
[npmjs.com]: https://www.npmjs.com/
[https_github.com_coreybutler_nvm-windows_releases]: https://github.com/coreybutler/nvm-windows/releases
[Why doesnt work to switch node version via _nvm use]: https://github.com/coreybutler/nvm-windows/issues/321
[2020031613271829.png]: /images/20230528/c32deaf866a04c61a23c874824e2b381.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70]: /images/20230528/0a27dfbac66447aeb62f8892c4e83392.png
[format_png]: /images/20230528/28ff9a65bd6f485eb3280644d277f0df.png
[http_www.commonjs.org]: http://www.commonjs.org/
[CommonJS_ _JavaScript _alpha_by]: https://javascript.ruanyifeng.com/nodejs/module.html
[20200316141640699.png]: /images/20230528/113266034ac14236bd5042b19218a139.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70 1]: /images/20230528/b0baa112b56b4795a603129a3c658e92.png
[20200316142925265.png]: /images/20230528/231de8426c3a4e339e5a4c6bc8794064.png
[20200316155316251.png]: /images/20230528/072263c6db444db9a550ee4a9420f52b.png
[format_png 1]: /images/20230528/696c7f13a12d45079fdaeee537bfc338.png
[node _API _ Node.js v13.11.0 Documentation]: https://nodejs.org/api/
[path.resolve]: https://blog.csdn.net/kikyou_csdn/article/details/83150538
[Node_path.resolve_dirname_._src]: https://www.jianshu.com/p/76966243f27f
[npm_npm_BUG_npm]: https://www.cnblogs.com/ltfxy/p/12507868.html?tdsourcetag=s_pctim_aiomsg
[NPM]: https://blog.csdn.net/weixin_43297321/article/details/104908767
[node_Web]: https://blog.csdn.net/weixin_43297321/article/details/104909687