[JavaScript知识库] 02、node.js

通过index.html 先后引入tool.js 和 index.js ，让index.js中的getData 去使用tool.js中的doSomething() 。index.js 不能直接使用tool.js 的函数，要通过index.html 过渡。

1.2、模块化的发展

1.3、体验几种模块化写法

1.4、模块化规范

例如：在 Node.js 中，导入其它模块时，统一使用 require() 函数。

//导入fs 模块

const fs = require('fs')

//导入 path 模块

const path = require('path')

学习模块化规范，知道怎么导入并使用别人的模块，知道怎么封装模块给别人使用。

1.4.1、commonJS规范来? ?自定义模块

//01、user.js
const username = '小朱'
function show() {
    console.log('你好！我是 ' + username );
}
module.exports = {
    show
}

//02、test.js
const res = require('./01、user.js')
console.log('导入的内容是：', res);
res.show()

PS C:\Users\QYWF\Desktop\********\Day02node.js> node .\02、test.js
导入的内容是： { show: [Function: show] }
你好！我是 小朱

1.4.2、自定义模块的要点

1.4.3、拓展：导出模块的两种方式

// 定义方法，常量
const myPI = 3.14
const add = (a,b) => a + b;

// 导出,两种方法任意都可以
// 方法一：
exports.myPI = myPI
exports.add = add

// 方法二：
module.exports.myPI = myPI
module.exports.add = add

// 方法二(变形)
module.exports  = {
    myPI,
    add
}

初始 exports 和 module.exports 是指向同一块内存区域，其内容都是一个空对象{}。

在引入某模块时：以该模块代码中??module.exports?指向的内容为准。

2、require 的加载机制

// moudule1.js
var a = 1;
var b = 2;
console.log(a+b);
var c = a+b;
module.exports = {
	data: c
}

// index.js
const obj = require('./moudule1.js');
console.log(obj);

//这里的obj对象就是moudule1.js中的module.exports对象

2.1、require加载规则

3、npm -?包 -?模块

3.1、npm?

3.2、npm集中管理包

npm网站下载需要的代码时，代码是以"包" 的结构放在 npm 网站上的。

3.3、npm下载使用包

//第一步：初始化项目
npm init --yes
// 或者是 npm init -y    此 init 命令用来在根目录下生成一个package.json文件
//第二步：安装第三方包  比如项目中使用 对日期时间的处理可以安装dayjs包 
//                        网站：https://dayjs.fenxianglu.cn/

npm install dayjs

//第三步：使用包

// 从npm下载 别人写的好代码，在本地引入，并使用
const dayjs = require('dayjs')
console.log(dayjs);
console.log( dayjs().format('YYYY-MM-DD') );  //2000-1-1

3.4、npm镜像

默认情况下，从npm官方下载，网速比较慢；我们可以去它的镜像网站上来下载。

# 设置镜像为  taobao。
npm config set registry https://registry.npm.taobao.org
# 设置镜像为  npm官方
npm config set registry https://registry.npmjs.org
# 查看配置
npm config get registry

3.5、包的分类

?3.5.1、安装全局包和项目包

把包从npm的官网（或者是指定的镜像源）下载到我们自己的电脑中。（通过npm install 命令）

// `npm install -g 包名`  或者  `npm install 包名 -g`

npm install -g  xxx

npm root -g           // 查看全局包的安装目录

//C:\Users\QYWF\AppData\Roaming\npm\node_modules


npm list -g --depth 0 // 查看全局安装过的包

3.5.2、全局安装 nrm 包

# 设置镜像为taobao。
npm config set registry https://registry.npm.taobao.org
# 设置镜像为npm官方
npm config set registry https://registry.npmjs.org

4、案例：npm包从创建到发布

【第一步】: npm 项目初始化

注意请先去npm网官去确定一下，项目名是否已经被占用了。（如果这个名字已经被占用了，则你是无法向npm上上传的）。?

npm view 包名? ? ?//npm view myTools-136??
# 这个命令用来查看某个包的信息
# 如果返回404，说明这个项目名在npm官网上找不到，此时你就可以使用。
# 否则，说明不可用。

C:\Users\QYWF\Desktop\myProject136>npm view myTools-136
npm ERR! code E404
npm ERR! 404 'myTools-136' is not in the npm registry.
npm ERR! 404 name can no longer contain capital letters
npm ERR! 404
npm ERR! 404  'myTools-136@latest' is not in the npm registry.
npm ERR! 404 Your package name is not valid, because
npm ERR! 404  1. name can no longer contain capital letters
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\QYWF\AppData\Roaming\npm-cache\_logs\2021-09-12T11_30_15_333Z-debug.log

npm init --yes
//命令来创建一个package.json文件，对你项目 xxx  信息进行设置

【第二步】：完成功能开发

新建index.js 、tools.js 文件，写自己的代码，在默认情况下，index.js是这个项目的入口文件。

//tools.js
const relativeTime = (oldTime) => {
  const t = new Date(oldTime)
  // Date.now()：现在的时间戳（毫秒）
  // t.getTime()：旧时间的时间戳（毫秒）

  const diff = Date.now() - t.getTime() // 相隔多少毫秒
  // Math.floor 向下取整： 1.7年 ---> 1年前
  const year = Math.floor(diff / (1000 * 3600 * 24 * 365))
  if (year) {
    return `${year}年前`
  }
  const month = Math.floor(diff / (1000 * 3600 * 24 * 30))
  if (month) {
    return `${month}月前`
  }
  const day = Math.floor(diff / (1000 * 3600 * 24))
  if (day) {
    return `${day}天前`
  }
  const hour = Math.floor(diff / (1000 * 3600))
  if (hour) {
    return `${hour}小时前`
  }
  const minute = Math.floor(diff / (1000 * 60))
  if (minute) {
    return `${minute}分钟前`
  } else {
    return '刚刚'
  }
}

const formatDate = (dateTime) => {
  // console.log(date)
  // date = new Date();
  const date = new Date(dateTime) // 转换成Data();
  console.log(date)
  var y = date.getFullYear()
  console.log(y)
  var m = date.getMonth() + 1
  m = m < 10 ? '0' + m : m
  var d = date.getDate()
  d = d < 10 ? ('0' + d) : d
  return y + '-' + m + '-' + d
}



// 通过module.exports来导出模块
module.exports = {
  formatDate,
  relativeTime
};

【第三步】：切换镜像源? ---> npm 官网

npm config get registry 
# 查看当前的npm的registry配置，确保是https://registry.npmjs.org

# 如果不是，可以通过如下命令来设置
npm config set registry https://registry.npmjs.org 
# 手动设置registry


C:\Users\QYWF\Desktop\myProject136\myTools-136>npm config get registry
https://registry.npm.taobao.org/

C:\Users\QYWF\Desktop\myProject136\myTools-136>npm config set registry https://registry.npmjs.org

（2）或者使用 nrm 工具来设置：nrm ls 查看镜像源? nrm use? npm?

C:\Users\QYWF\Desktop\myProject136\myTools-136>nrm ls

  npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
* taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
  npmMirror -- https://skimdb.npmjs.com/registry/
  edunpm ----- http://registry.enpmjs.org/


C:\Users\QYWF\Desktop\myProject136\myTools-136>nrm use npm


   Registry has been set to: https://registry.npmjs.org/


C:\Users\QYWF\Desktop\myProject136\myTools-136>nrm ls

* npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
  taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
  npmMirror -- https://skimdb.npmjs.com/registry/
  edunpm ----- http://registry.enpmjs.org/

【第四步】：链接 npm? ---->?npm adduser

【第五步】：把包上传到npm? --->?npm publish?


C:\Users\QYWF\Desktop\myProject136\myTools-136>npm publish
npm notice
npm notice package: myTools-136@1.0.0
npm notice === Tarball Contents ===
npm notice 308B  index.js
npm notice 1.4kB tools.js
npm notice 225B  package.json
npm notice === Tarball Details ===
npm notice name:          myTools-136                        
npm notice version:       1.0.0                              
npm notice package size:  1.1 kB                             
npm notice unpacked size: 1.9 kB                             
npm notice shasum:        27c8ebba27b67d094b3ea719de95487cfa23d371
npm notice integrity:     sha512-imrvLNv4gtwT9[...]/+obqHDJ3De3Q==
npm notice total files:   3                                  
npm notice