Nodejs学习笔记一

node 交互式编程

在命令提示符下、输入 node 即可进入交互式, 交互式环境下、可以执行 JS 代码
退出交互式 CTRL + C / CTRL + D

Hbuildx下使用终端

在终端下输入：

1.set-ExecutionPolicy RemoteSigned
2.Set-ExecutionPolicy -Scope CurrentUser
3.RemoteSigned
重启 HBuilderX 即可

npm 包管理器

nmp包管理器会随着 nodejs的安装而被安装

• 检查 npm 是否安装

npm -v

npm包管理器的常见命令

配置 npm

• 配置 npm包 存放的位置

-- 存放的路径， 用 / 或者 \\ 分割, 路径中包含空格，需要用引号 包括整个 路径

npm config set prefix "D:/Program Files/nodejs/global_node"

• 配置 npm 包 缓存文件存放的位置

npm config set cache "D:/Program Files/nodejs/cache"

• 配置 npm 包的 镜像源(加速器) https://registry.npm.taobao.org

npm config set registry https://registry.npm.taobao.org

PS: 配置的内容、会默认存放在当前计算机用户根下有一个 .npmrc 文件

查看 配置

npm config list

npm config get prefix
npm config get cache 
npm config get registry

删除 配置

npm config delete prefix

npm 安装 库

-- 将 库 安装到 全局目录中 ，默认下载的 是 库的 最新版本

npm i/install 库  -g 

-- 将 库 安装到 当前目录中
npm i/install 库 

查看某个库的所有版本

npm view/show  库  versions

安装指定版本的 库

npm  install  库@版本号  [-g]

@3 : 代表 安装 3的最新版本 
@3.0.4  代表 安装 3.0.4的版本

卸载 指定的库

npm uninstall/remove  库  [-g]

将库安装到开发环境 development

npm install 库  --save-dev 
npm install 库 -D

package.json 配置文件

• 当将 第三方库 安装到项目中的时候， 必须在项目的根下 提供一个 package.json 配置文件
• 用来管理 依赖库

模块化编程

• node模块化
• es6模块化

Node的模块化

• node的模块化 基于 CommonJS（CMD)规范实现的

• module.exports (模块标记)

• exports (模块导出)

• require (模块导入)

module.exports

• 默认是一个模块对象
• 定义到该模块对象中的属性和方法都会直接被保留给使用者

require

require 永远导出的 module.exports

exports

exports 是 module.exports 的引用
等价于
exports = module.exports = {}

ps: exports 一旦和 module.exports 没有关系，那么 exports 不在具备导出功能

通常使用 exports 导出对象中的 部分属性和方法

ES6模块化

• export
• export default (常用)
• import

ES6 模块化使用方式

• 在 package.json 中，添加一个 type=module 的属性
  Node 环境将以 ES6模块化编程的形式解析模块， require 函数将不能使用

• 使用 .mjs 扩展名、让 node 进行解析

• 在 浏览器中 使用 es6模块化

<script type="module">
	import ... from  ...
</script>

Babel

• 负责将 ES6的语法 转成 ES5 的代码规范

-- 全局安装

@babel/core : babel库的核心库
@babel/cli  : 该库下有一个 babel 命令， 可以将 js 代码进行编译

npm install @babel/core  @babel/cli  -g


-- 本地安装、且安装到 开发环境
@babel/preset-env : 负责 将 es6 转 es5 库 的插件， 可以将 es6的语法转成 es5	
	无法将 es6提供的 方法、类型 等转成 es5
@babel/core

npm install @babel/preset-env  @babel/core --save-dev

-- 需要安装到本地
core-js@3      : 将 es6 中的 方法、类型 等 转成 es5

npm install core-js@3

在项目的根下、新建一个 .babelrc 或者 babel.config.json 文件

{
	"presets": [],
	"plugins": []
}

编译 JS 文件

babel src/main.js  -o  dist/main.js

babel src  --out-dir  dist 

配置解析 ES6的 类、方法

"presets": [
	
	[
		"@babel/preset-env",
		{
			"useBuiltIns": "usage", 
			"corejs": 3
		}
		
	]
]

• useBuiltIns: usage 按需导入对应的模块
  st/main.js

babel src --out-dir dist

## 配置解析 ES6的 类、方法

“presets”: [

[
	"@babel/preset-env",
	{
		"useBuiltIns": "usage", 
		"corejs": 3
	}
	
]

]

- useBuiltIns: usage  按需导入对应的模块