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


相关文章
|
8天前
|
存储 JavaScript 前端开发
decimal.js库的安装和使用方法
【10月更文挑战第24天】decimal.js 是一个非常实用的高精度计算库,通过合理的安装和使用,可以在 JavaScript 中实现精确的数值计算和处理。你可以根据具体的需求和项目情况,灵活运用该库来解决数字精度丢失的问题。
|
2月前
|
JavaScript
NodeJs的安装
文章介绍了Node.js的安装步骤和如何创建第一个Node.js应用。包括从官网下载安装包、安装过程、验证安装是否成功,以及使用Node.js监听端口构建简单服务器的示例代码。
NodeJs的安装
|
1月前
|
JavaScript 开发工具 git
已安装nodejs但是安装hexo报错
已安装nodejs但是安装hexo报错
21 2
|
2月前
|
存储 JavaScript 前端开发
Node 版本控制工具 NVM 的安装和使用(Windows)
本文介绍了NVM(Node Version Manager)的Windows版本——NVM for Windows的安装和使用方法,包括如何安装Node.js的特定版本、列出已安装版本、切换使用不同版本的Node.js,以及其他常用命令,以实现在Windows系统上对Node.js版本的便捷管理。
Node 版本控制工具 NVM 的安装和使用(Windows)
|
25天前
|
Web App开发 JavaScript 前端开发
JavaWeb 22.Node.js_简介和安装
JavaWeb 22.Node.js_简介和安装
|
2月前
|
SQL JavaScript 数据库
sqlite在Windows环境下安装、使用、node.js连接
sqlite在Windows环境下安装、使用、node.js连接
|
2月前
|
JavaScript Linux 开发者
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
|
1月前
|
JavaScript 算法 内存技术
如何降低node.js版本(nvm下载安装与使用)
如何降低node.js版本(nvm下载安装与使用)
|
2月前
|
JavaScript 前端开发 Linux
|
2月前
|
JavaScript Linux API
安装NodeJs,好啊好啊
安装NodeJs,好啊好啊