【起步】Node 及其插件简易安装

Node及其插件简易安装、起步

1. Node.js 官网地址

Node.js官方安装包及源码下载地址:https://nodejs.org/en/
【起步】Node 及其插件简易安装
注:官网中,左边是当前node的最新稳定版,左边是node最新的测试版,博主这边下载的是稳定版

2. 安装步骤

点击左边下载后,会在指定文件夹出现 .msi 安装文件,点击之后出现以下画面
【起步】Node 及其插件简易安装
之后,一路 next
【起步】Node 及其插件简易安装
默认安装路径为 C:\Program Files\node.js\ , 可自行选择路径
【起步】Node 及其插件简易安装
之后出现的界面,可直接选择第四个选项 Add to PATH (添加到环建变量中),若不勾选,则需要手动添加环建变量
【起步】Node 及其插件简易安装
结束界面
【起步】Node 及其插件简易安装
安装后,文件夹内容
【起步】Node 及其插件简易安装

3. 查看node、npm版本

npm (node package manager):是node.js包管理和分发工具,安装了node之后,会自动安装npm
通过 控制台 cmd 方式 查看 node、npm 版本

node -v(-vesion)

npm  -v(vesion)

【起步】Node 及其插件简易安装

4. 第一个node程序

node 是 JavaScript 的一个运行时平台,不同于在 HTML 网页中通过 script 标签引入 JS 程序,node 中的 JS 是运行在后台服务器端的,不过语法同客户端的 JS 一样,下面是一个简单的 HelloWorld 案例

//index.js
let str = 'Hello Node!'
console.log(str)

4.1 运行 node 程序

和以往在浏览器运行的 JavaScript 代码块不同,node 中的 JS 需要手动在控制台输入命令才能够执行
PS: 类似于 javac java 等
命令格式

//1.在 cmd 中首先进入 .js 文件所在的文件夹
//2.通过      node 文件名      的格式对JavaScript文件运行
//如:
C:\Users\86136>cd Desktop\JJJiker\JavaScript_学习\Node.js\01_demo
C:\Users\86136\Desktop\JJJiker\JavaScript_学习\Node.js\01_demo>node index.js
//注:1、.js 后缀名可以省略    2、文件名可以用 Tab 键自动补齐  

运行效果
【起步】Node 及其插件简易安装

4.2 注意事项

由于 node 是运行于服务端的 JavaScript 程序,所以在 node 中没有 BOM、DOM 等操作
如:以下代码会报错误

console.log(window)

报错显示 :window is not defined
【起步】Node 及其插件简易安装

4.3 Node 特有的业务

在 Node 这个 JavaScript 执行环建中为 JavaScript 提供了一些服务器级别的操作 API

  • 文件读写
  • 网络服务的构建
  • 网络通信
  • http服务器
  • 等等。。。

5. Node 的一些常用插件

npm的作用:可以快速地安装需要的插件、包等

5.1 nodemon插件

在 node 编写的过程中,常常会改动代码,而改动代码后,必须重新通过 node 命令去执行对应文件
nodemon 作用:通过 nodemon 启动运行的 JS 代码可以在源代码改动后自动重新运行对应文件
安装方法:

npm install(i) --global nodemon

【起步】Node 及其插件简易安装
查看版本

nodemon -v

【起步】Node 及其插件简易安装
使用:

//安装 nodemon 后,只需将原来的启动格式
//如: node 文件名
//改为 nodemon 文件名   即可

事例
【起步】Node 及其插件简易安装

5.2 淘宝镜像

什么是淘宝镜像?
由于 npm 服务器在国外,所以国人可能会遇到通过 npm 安装包时速度过慢的情况
淘宝镜像就是 npm 的镜像服务器,能够每十分钟和 npm 服务器同步的效果
淘宝镜像 地址: http://npm.taobao.org/

5.2.1 使用方法

1.临时使用

	npm --registry https://registry.npm.taobao.org install express

2.持久使用

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

3.通过 cnpm 使用
安装方式

	npm install -global(-g) cnpm

【起步】Node 及其插件简易安装
查看版本
【起步】Node 及其插件简易安装
安装完成后,以后想通过 npm 安装包等,都可以替换成 cnpm

	//将 npm 替换为 cnpm
	cnpm install(i) 包名

时间 2019-3-24