Node.js安装与基本使用

简介: Node.js安装与基本使用

1.Node.js

微信图片_20220523133724.png

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,基本语法。


微信图片_20220523133729.png


Node.js仅支持ECMAScript规范。Node.js 基于 Chrome V8 引擎进行升级,使用V8在非浏览器环境下运行得更好。

Chrome V8 引擎执行Javascript的速度非常快,性能非常好。


1.2环境搭建


1.2.1下载

官网Node.js

微信图片_20220523133734.png

1.2.2安装


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

微信图片_20220523133741.png

步骤2:接受需要确认页面

微信图片_20220523133746.png

步骤3:确定安装位置

微信图片_20220523133751.png

步骤4:确定安装组件(所有都安装)

微信图片_20220523133756.png

步骤5:进行安装。(如果有“用户账户控制”提示,点击“是”)

微信图片_20220523133801.png


微信图片_20220523133806.png

步骤6:完成安装

微信图片_20220523133812.png重启计算机

               1.2.3测试

  • node --version微信图片_20220523133819.png

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微信图片_20220523133824.png

 1.3.2工具nrm

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

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

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

  • 安装

npm install -g nrm微信图片_20220523133831.png

查看当前源微信图片_20220523133837.png

测试各源的响应速度微信图片_20220523133843.png

1.4Node.js和npm关系


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

1.5基本操作、


1.5.1安装本地包


  • 方式1:安装指定的包
# 语法
npm install <package_name>
# 实例:安装jquery
npm install jquery

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

npm install <package>@<version>
  • 需要的资源包,将下载到当前项目的node_modules文件夹下

image.png

  1.5.2基于package.json安装


  • 步骤一:初始化项目,自动创建package.json文件
npm init -y

微信图片_20220523133910.png

  • 步骤二:下载资源,并保存到package.json文件中
npm install jquery --save

微信图片_20220523133916.png

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

微信图片_20220523133921.png

1.5.3package-lock.json作用


npm 5版本之后,在安装组件时,自动添加或更新package-lock.json文件。

package-lock.json文件中记录着整个项目所有组件的依赖树。

也就是保存node_modules中的所有包信息(版本,下载地址 等)

image.png

1.5.4常见参数image.png

微信图片_20220523133928.png

1.6其他操作


1.6.1更新本地包


npm update
npm outdated

image.png

1.6.2卸载本地包


npm uninstall <package>

image.png

  • 自动修改package.json文件

             

1.6.3全局安装


npm install -g <package>

image.png

全局安装在一个特定的文件夹下微信图片_20220523141225.png

 1.6.4全局卸载

npm uninstall -g <package>

微信图片_20220523141232.png


相关文章
|
1月前
|
JSON JavaScript 前端开发
❤Nodejs 第九章(token身份认证和express-jwt的安装认识)
【4月更文挑战第9天】Node.js第九章介绍了Token身份认证,特别是JWT(JSON Web Token)作为跨域认证的解决方案。JWT由Header、Payload和Signature三部分组成,用于在客户端和服务器间安全传输用户信息。前端收到JWT后存储在localStorage或sessionStorage中,并在请求头中发送。Express-JWT是一个中间件,用于解析JWT。基本用法包括设置secret和algorithms。注意安全问题,避免混合使用不同算法以防止降级攻击。
58 0
|
18天前
|
前端开发
windows10 安装node npm 等前端环境 并配置国内源
windows10 安装node npm 等前端环境 并配置国内源
|
1月前
|
JavaScript 前端开发 网络安全
【网络安全 | 信息收集】JS文件信息收集工具LinkFinder安装使用教程
【网络安全 | 信息收集】JS文件信息收集工具LinkFinder安装使用教程
61 4
|
1月前
|
移动开发 JavaScript 前端开发
为了学习vue3,安装nvm进行node的多版本管理
为了学习vue3,安装nvm进行node的多版本管理
64 2
|
1月前
|
资源调度 jenkins 持续交付
jenkins 自动安装nodejs16.16.0版本报错处理
jenkins 自动安装nodejs16.16.0版本报错处理
70 0
|
24天前
|
Web App开发 缓存 JavaScript
Node.js安装及环境配置,详细简单易懂!一文get全部!
Node.js安装及环境配置,详细简单易懂!一文get全部!
|
5天前
|
存储 资源调度 JavaScript
使用 Homebrew 安装 Node.js
使用 Homebrew 安装 Node.js
25 0
|
1月前
|
传感器 JavaScript 前端开发
VSCOde安装node.js环境
VSCOde安装node.js环境
|
1月前
|
JavaScript 前端开发 Linux
Node.js安装与配置
`Node.js` 是一个基于 `Chrome V8` 引擎的 `JavaScript` 运行环境,它允许开发者使用 `JavaScript` 编写服务器端代码。以下是 `Node.js` 的安装与配置的详细步骤:
Node.js安装与配置
|
1月前
|
前端开发 JavaScript
JavaScript新科技:PostCSS的安装和使用,2024年最新2024网易Web前端高级面试题总结
JavaScript新科技:PostCSS的安装和使用,2024年最新2024网易Web前端高级面试题总结