node.js环境配置

1、node 交互式编程

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

配置node终端

• 在终端下输入：

• set-ExecutionPolicy RemoteSigned

• 终端下输入

• Set-ExecutionPolicy -Scope CurrentUser

• 输入：RemoteSigned

• 重启 HBuilderX 即可

2、npm包管理器

• npm包管理器会随着nodejs的安装而被安装
• 检查npm是否安装

npm -v

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

npm包管理器的常见命令

配置npm

• 配置npm包存放的位置

npm config set prefix "E:/Program Files/nodejs"

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

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

• 配置npm包的镜像元(加速器)

npm config set registry http://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 库 -g
--将库安装到当前目录中
npm i/install 库 
```javascript
### 查看某个库的所有版本
```javascript
npm view/show 库 versions

安装指定版本的库

npm install 库@版本号 [-g]
@3 : 代表安装3的最新版本
@3.0.4 代表安装3.0.4的版本
@3.0 代表安装3.0xxx的最高版本

卸载指定的库

npm uninstall/remove 库 [-g]

将库安装到开发环境

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

package.json

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

3、模块化编程

node模块化

• node的模块化基于CommonJS(cmd)规范实现的

module.exports(模块标记)

• 默认是一个模块对象
• 定义到该模块对象中的属性和方法都会直接暴露给使用者
• 导出所有(对象，函数，类…)

exports (模块导出)

• exports是module.exports的引用
• exports=module.exports={}
• exports只能导出对象,exports一旦和module.exports脱离关系，那么就不在具备导出功能
• 通常使用exports导出对象中的部分属性和方法

require (模块导入)

• require永远导出module.exports

es6的模块化

• package.json文件中加入"type":“module” 告诉node采用es6模块化,node模块化将不能使用(不推荐)
• 将文件后缀名改为.mjs 告诉node采用es6模块化(不推荐)
• 在浏览器中使用es6模块化

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

export(导出)

• 导出声明变量
• 导出声明函数

//导出全部
export  *  from ...

PS : 通过 export 导出的数据、在导入的时候，必须使用 { … } 来获取对应的数据

export default(默认导出)

• 在一个模板中，最多只能使用一次
  在导入的时候，名字可以自定义

import(解构导入)

import * as x  from ...

4、Babel

• 负责将es6 的语法，转成ess的代码规范

-- 安装到全局环境
@babel/core  :babel库的核心库
@babel/cli  :该库下有一个命令，可以将js代码进行编译
-- 本地安装，且安装到开发环境
@babel/preset-env  :负责将es6转es5库的插件，可以将es6的语法转成es5
	无法将es6提供的方法，类型等转成es5
-- 本地安装，且安装到生产环境
core-js@3  :将es6中的方法类型等转成es5

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

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

编译JS文件

-- 单个文件编译
babel src/main.js -o dist/main.js
-- 所有文件编译
babel src --out-dir dist

配置解析es6的类和方法

• 在babel.config.json文件中输入以下代码

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

//"useBuiltIns":"usage" -- 按需导入对应的模块
//"useBuiltIns":"entry" -- 导入所有
//"useBuiltIns":"false" -- 不导入 默认

今天的分享就到这里，希望大家有所收获！！！！