Nodejs介绍及npm工具使用

1、Nodejs介绍

　　Nodejs英文网：https://nodejs.org/en/

　　Nodejs中文网：http://nodejs.cn/

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 
Node.js 的包管理器 npm，是全球最大的开源库生态系统。

一、JavaScirpt介绍

（1）什么是JavaScript？

　　javascript是一门运行在浏览器端的脚本语言，用来作客户端页面的交互。

（2）JavaScript的运行环境呢？

　　故名思意他的运行环境就是浏览器，可是真的是这样的吗？

　　其实否则，他的真正运行环境实际上是运行在浏览器内核中的js引擎。

　　为何是这样的了？由于通俗来说浏览器的做用就是用来浏览网页的，咱们在浏览器除了执行js外还能执行其余得东西，好比咱们在浏览器输入一个地址敲回车就能够发送请求而且接收服务器得响应。因此说浏览器的第一功能是请求一个http地址，也就是能够封装一个请求报文出来，将一个url的地址封装成一个请求报文，这个报文到服务端，而后给咱们一个响应报文，而后在将响应解析出来，这也是浏览器的最大的做用。

　　固然服务器响应的内容有可能不同，好比说服务器返回一个html文件，css文件，img文件，用来渲染，咱们称之为渲染引擎，除此以外，还能够执行js，由js引擎来完成，所以能够说javascript的运行环境是浏览器中的js引擎，而不是浏览器。浏览器是一个大的概念。

（3）浏览器中的javascript能够作什么

　　javascript就是用来作交互的，可是笼统的说交互有点不明确，具体一点能够分为：

　　　　1）操做dom（也就是对dom的增删改，注册事件之类的事情）

　　　　2）发送AJAX请求/跨域

　　　　3）BOM交互如给咱们提供页面跳转，历史记录，控制台打印日志

　　　　4）ecmascript(js的核心语言，如用来定义变量，函数等)

（4）浏览器端的javasscript不能够作什么？

　　貌似javascrip对咱们平常的交互均可以完成，貌似什么均可以作，可是他也有不能作的事。如：　　

　　1）涉及到端对端的应用程序，咱们须要操做文件，浏览器中的javascript是不能进行文件操做的，虽然h5里面提供了关于文件相关的API，可是这些API大多数只限于只读的层面 ，不能像传统的语言如java,经过传一个路径，而后将对应的文件读出来，说白了就是不能进行文件和文件夹的CURD.　　　　

　　2）浏览器端的javascript也没有办法去操做操做系统，如获取操做系统的版本之类的。

　　那么为何不能进行这两类操做？　　

　　实际上是出于安全考虑，由于，js这门语言运行的环境比较特殊，说他特殊，特殊在什么地方？　　

　　虽然咱们编写好的js代码最终会放在服务器上，可是他毕竟不是在服务器上执行的，而是经过服务器发送到浏览器端执行的，在浏览器端执行文件的操做显然是不安全的，所以说这些功能在客户端不是不能作，而是因为特殊的运行环境无法作。

（5）了解了客户端的js所能作的事,javascrip只能运行在浏览器端吗？

　　前端开发人员都知道，javascrip是有ecmascrip语言，BOM，DOM组成的，在语言层面，她只是给咱们提供一些操做语法，如定义变量，函数，类型，流程控制等的操做。而BOM，DOM是浏览器提供的，并不是es提供的。所以咱们常说起的js其实就是es，js的大部分功能（DOm，BOM（浏览器开放出来的API）等的操做）都是由 浏览器的执行引擎决定的 ，这也衍生出一个观点，任何一门编程语言 ，他的能力不是由语言自己决定的，而是由他的执行环境决定的。

　　好比说java，他便是一门语言也是一个平台，对于javascript来讲语言就是es，平台是浏览器。那么js只能运行在浏览器中吗？非也！对于大多数语言，都是运行 在一个平台上的，好比java只运行在虚拟机上，可是也有运行在多个平台的语言, java在必定层面上来说是没有必要运行在多个平台上的，由于虚拟机是跨平台（也就是跨操做系统如window，linux等）的。

　　js一样是能够运行在多个平台的，浏览器之因此能过运行js，是由于他由js的执行引擎。js一样，只要由支持他的平台就能够执行。所以说要想语言有很强大的功能，只须要提供强大的平台，node就是这样一个平台，可以执行js。

二、node介绍

（1）什么是node？

　　根据官方文档能够知道，node就是一个给予谷歌v8引擎的一个javascript的运行时，能够理解为运行js的一个虚拟机。他使用的是一个事件驱动，非阻塞I/O模型 ，他是将js的运行环境搬到了服务器端，和客户端没有一点关系。是一个纯服务端的东西，node只是为js提供了一个平台。

　　node里面其实还分了两块，一是封装了v8引擎，目的是为了执行es（如定义变量，定义函数等），另一个提供了大量的工具库,是帮助node实现各类功能的，提供了一些之前js的环境办不到的事情，好比文件操做，网络操做，操做系统的操做。

　　既然node是一个平台（所谓的平台就是用来运行特定语言的），也就意味着node是用来运行语言的，那么java也是语言，node能运行java吗？据nodejs创始人Ryan Dahl回忆，他最初是选择了Ruby这门语言，可是Ruby这门语言的虚拟机效率不怎么样最终放弃了，按照这种思路，貌似node将java的虚拟机集成进来应该能够运行java，但node做者最终选择了javascript。

　　这样js就实现了在服务端运行的可能，js运行在node平台上（分为v8部分，用来执行es，和大量的工具库组件（API）称之为libuv，提供了之前js的环境办不到的事，如文件操做，网络操做等等）。

（2）node在web中有什么用途？

　　（1）node能够接受客户端用户的全部请求，而且可以快速的给出响应，所以node能够用来作网站。

　　（2）node能够做为一个中间层来来分发调用数据接口，好比有一个网站数据是有java提供的，咱们可让node做为一个中间层，来接受用户的请求，而后经过node来调用java数据接口，获取到数据后直接在node层面作html的瓶装，而后将渲染好的页面直接给用户。为何要这样作，直接请求java接口不行吗，这是由于node被称之为高性能的web服务器，在并发和抗压方面都比传统的平台要好不少，所以这样一包装能够极大的减轻服务器的开发。

　　经过上面的两点，能够总结出，node在web中要么从前端页面到后端服务全包了，一个是只作其中的一点。

　　一言以蔽之，node就是一个javascript的运行环境（平台），他不是一门语言，也不是javascript的框架。能够用来开发服务端应用程序，web系统。其特色是体积小，快速，高性能。

2、nodejs中npm

一、npm是什么？

　　

　　简单的说，npm就是JavaScript的包管理工具。相似Java语法中的maven，gradle，python中的pip。

二、npm安装/更新/初始化

　　官网地址：https://nodejs.org/en/

　　在这里虽然node.js更新到了8.11.1的版本，仍是使用6.10.3版本。

　　

（1）安装

　　使用mac电脑选择node-v6.10.3.pkg 下载安装。　　

　　npm是和Nodejs一块儿并存的，只要安装了Nodejs，npm也安装好了，安装好Nodejs以后。打开终端，执行以下命令，检查是否安装成功。

MacBook-Pro:~ hqs$ node -v
v6.10.3
MacBook-Pro:~ hqs$ npm -v
3.10.10

（2）npm更新

　　因为npm自身的更新频率比Node.js高不少，因此经过上面安装的npm可能不是最新版本，能够经过下面的命令单独更新npm。在这里不建议更新。

$ sudo npm install npm@lastest -g

（3）npm初始化

　　在去下载包以前，首先去当前项目的包进行初始化操做，执行命令：npm init。

　　运行这个命令后，它会询问一些关于包的基本信息，根据实际状况回答便可。

　　若是不喜欢这种方式，可使用npm init --yes命令直接使用默认的配置来建立package.json文件，最后根据须要修改建立好的package.json文件便可。

$ npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.
 
See `npm help json` for definitive documentation on these fields
and exactly what they do.
 
Use `npm install <pkg> --save` afterwards to install a package and
save it as a dependency in the package.json file.
 
Press ^C at any time to quit.
name: (ES6_demo) npm_study
version: (1.0.0) 1.0.3
description: 学习npm
entry point: (index.js)
test command:
git repository:
keywords: 123
author: hqs
license: (ISC)
About to write to /Users/hqs/PycharmProjects/ES6_demo/package.json:
 
{
  "name": "npm_study",
  "version": "1.0.3",
  "description": "学习npm",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "123"
  ],
  "author": "hqs",
  "license": "ISC"
}
 
 
Is this ok? (yes) yes

　　生成的package.json文件，主要字段的含义以下：

name: 模块名, 模块的名称有以下要求:
    所有小写
    只能是一个词语，没有空格
    容许使用破折号和下划线做为单词分隔符
version: 模块版本信息
description：关于模块功能的简单描述，若是这个字段为空的话，默认会从当前目录的READMD.md或README文件读取第一行内容做为它的默认值。
main: 模块被引入后，首先加载的文件，默认为index.js。
scripts: 定义一些经常使用命令入口

关于最后一个英文的意思，咱们能够证实，当我执行npm init以后，会自动的生成package.json的文件。

3、使用npm安装和卸载模块

　　使用npm install会读取package.json文件来安装模块。

　　安装的模块分为两类dependencies和devDependencies，分别对应生产环境须要的安装包和开发环境须要的安装包。 一样在安装模块的时候，能够经过指定参数来修改package.json文件，以jquery和webpack作例子。

$ npm install vue --save    # --save:让vue包下载到当前目录下
npm_study@1.0.3 /Users/hqs/PycharmProjects/ES6_demo
└── vue@2.6.10

$ npm install jquery --save     
$ npm install webpack --save-dev 

　　执行后，会将新安装的模块信息记录到package.json文件（该文件主要负责项目包的管理）：

{
  "name": "npm_study",    # 模块名
  "version": "1.0.3",     # 项目版本号
  "description": "学习npm",      # 项目描述
  "main": "index.js",     # 项目入口文件
  "scripts": {            # 项目脚本
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "123"
  ],
  "author": "hqs",        # 项目做者
  "license": "ISC",       # 认证证书
  "dependencies": {       # 当前项目依赖
    "jquery": "^3.3.1",
    "vue": "^2.6.10"
  }
}

一、下载jquery包

hqs$ npm install jquery --save
npm_study@1.0.3 /Users/hqs/PycharmProjects/ES6_demo
`-- jquery@3.3.1
 
npm WARN npm_study@1.0.3 No repository field.

　　执行以上命令，即可以安装对应的包到执行命令的当前目录，并建立一个node_modules的文件夹,而后把须要安装的安装包下载到里面。同时package.json文件的dependencies配置更新。 　　

　　

二、下载不一样版本的模块

　　在npm install安装时，能够经过@来指定下载的模块版本。

MacBook-Pro:ES6_demo hqs$ npm install bootstrap@3.1.1 --save
npm_study@1.0.3 /Users/hqs/PycharmProjects/ES6_demo
`-- bootstrap@3.1.1
 
npm WARN npm_study@1.0.3 No repository field.

　　node_modules和package.json变化以下：

　　

三、卸载模块

MacBook-Pro:ES6_demo hqs$ npm uninstall bootstrap --save        
- bootstrap@3.1.1 node_modules/bootstrap
npm WARN npm_study@1.0.3 No repository field.

　　变化效果以下：

　　

四、使用cnpm（淘宝镜像）

　　使用npm下载依赖时，因为是从国外的网站上下载内容，因此可能常常会出现不稳定的状况，因此须要下载cnpm代替npm，cnpm是国内淘宝的作的，在国内使用稳定。 

　　1.下载cnpm

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

　　2.使用cnpm

cnpm install jquery --save