目录

1.Node.js

        1.1什么是Node.js

        1.2环境搭建

                1.2.1下载

                1.2.2安装

                1.2.3测试

        1.3切换源

                1.3.1工具cnpm

                1.3.2工具nrm

        1.4Node.js和npm关系

        1.5基本操作

                1.5.1安装本地包

                1.5.2基于package.json安装

                1.5.3package-lock.json作用

                1.5.4常见参数

        1.6其他操作

                1.6.1更新本地包

                1.6.2卸载本地包

                1.6.3全局安装

                1.6.4全局卸载

1.Node.js

        1.1什么是Node.js

• Node.js是一个服务器端的Javascript运行环境(runtime)。
  • Java使用JDK进行编译/运行。 > java HelloWorld
  • JS使用Node进行编译/运行。 > node HelloWorld.js
• Node.js是一个web服务器
  • Java使用Tomcat提供HTML、CSS、JS等资源访问。
  • 前端使用Node.js提供HTML、CSS、JS等资源访问。
• Node.js是资源管理器
  • Node.js提供npm插件用于管理所有js资源。
  • Java使用Maven管理所有jar资源。

结论：Node.js是一款软件，支持JS基本语法，可以提供web服务器，可以通过npm插件管理资源。

• JavaScript有3部分组成：DOM、BOM、ECMAScript
  • DOM，文档对象模型，需要HTML支持。
  • BOM，浏览器对象模型，需要浏览器支持。
  • ECMAScript，基本语法。

• Node.js仅支持ECMAScript规范。Node.js 基于 Chrome V8 引擎进行升级，使用V8在非浏览器环境下运行得更好。
  • Chrome V8 引擎执行Javascript的速度非常快，性能非常好。

        1.2环境搭建

                1.2.1下载

• 官网Node.js

                1.2.2安装

• 步骤1：运行“node-v10.16.0-x64.msi”，进行向导页面

• 步骤2：接受需要确认页面

• 步骤3：确定安装位置

• 步骤4：确定安装组件（所有都安装）

• 步骤5：进行安装。（如果有“用户账户控制”提示，点击“是”）

• 步骤6：完成安装

重启计算机

                1.2.3测试

• node --version

        1.3切换源

• npm :当你安装完node之后，就自带一个工具npm
• npm相当于java的maven(下载jar/管理jar)
• npm管理的js库、组件（下载、维护依赖 等）

                1.3.1工具cnpm

cnpm为国内定制的镜像，用于替代默认的npm。

淘宝镜像官网：中国 NPM 镜像 。同步频率目前为 10分钟 一次以保证尽量与官方服务同步

• cnpm的安装

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

                1.3.2工具nrm

npm 默认的源是在国外，国内访问比较慢。

通常我们使用淘宝的镜像。

nrm（npm registry manager）是切换源的非常好用的工具。

• 安装

npm install -g nrm

• 查看当前源

• 测试各源的响应速度

        1.4Node.js和npm关系

• node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。
• npm是nodejs的包管理器。在安装nodejs时，同时自动安装npm。

        1.5基本操作

                1.5.1安装本地包

• 方式1：安装指定的包

# 语法 npm install <package_name> # 实例：安装jquery npm install jquery

• 方式2：安装指定的包以及指定的版本

npm install <package>@<version>

• 需要的资源包，将下载到当前项目的node_modules文件夹下

                1.5.2基于package.json安装

• 步骤一：初始化项目，自动创建package.json文件

npm init -y

• 步骤二：下载资源，并保存到package.json文件中

npm install jquery --save

• 步骤三：查看package.json内容，已经将jquery的坐标添加到核心配置文件。

                1.5.3package-lock.json作用

• npm 5版本之后，在安装组件时，自动添加或更新package-lock.json文件。
• package-lock.json文件中记录着整个项目所有组件的依赖树。
  • 也就是保存node_modules中的所有包信息（版本，下载地址 等）

                1.5.4常见参数

        1.6其他操作

                1.6.1更新本地包

npm update npm outdated

                1.6.2卸载本地包

npm uninstall <package>

• 自动修改package.json文件

                1.6.3全局安装

npm install -g <package>

• 全局安装在一个特定的文件夹下

                1.6.4全局卸载

npm uninstall -g <package>