Node.js_安装


在这里插入图片描述

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的速度非常快,性能非常好。

2环境搭建

  1. 下载

3. 安装

  • 步骤一:运行“node-v10.16.0-x64.msi”,进行向导页面
    在这里插入图片描述
  • 步骤二:接受需要确认页面
    在这里插入图片描述
  • 步骤三:确定安装位置
    在这里插入图片描述
  • 步骤四:确定安装组件(所有都安装)
    在这里插入图片描述
  • 步骤五:进行安装。(如果有“用户账户控制”提示,点击“是”)
    在这里插入图片描述
    在这里插入图片描述
  • 步骤六:完成安装
    在这里插入图片描述
    重启计算机

3测试

node --version
在这里插入图片描述

4.切换源工具 nrm

  • npm 默认的源是在国外,国内访问比较慢。
  • 通常我们使用淘宝的镜像。
  • nrm(npm registry manager)是切换源的非常好用的工具。
  1. 安装nrm

npm install -g nrm
在这里插入图片描述

  1. 查看当前源

nrm ls
在这里插入图片描述

  1. 切换源到taobao

nrm use taobao
在这里插入图片描述

4Node.js和npm关系

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

5基本操作

5.1. 安装本地包

  • 方式1:安装指定的包

npm install <package_name>
#下载jquery
npm install jquery
在这里插入图片描述

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

npm install @

  • 需要的资源包,将下载到当前项目的node_modules文件夹下
    在这里插入图片描述

5.2. 基于package.json安装

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

npm init -y
在这里插入图片描述

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

npm install jquery --save
在这里插入图片描述

  • 步骤三:查看package.json内容,已经将jquery的坐标添加到核心配置文件。
    在这里插入图片描述

5.3package-lock.json作用

  • npm 5版本之后,在安装组件时,自动添加或更新package-lock.json文件。
  • package-lock.json文件中记录着整个项目所有组件的依赖树。
  • 也就是保存node_modules中的所有包信息(版本,下载地址 等)
    在这里插入图片描述

5.4更新本地包

npm update
npm outdated
在这里插入图片描述

5.5卸载本地包

npm uninstall
在这里插入图片描述

  • 自动修改package.json文件

5.6全局安装

npm install -g
在这里插入图片描述

  • 全局安装在一个特定的文件夹下
    在这里插入图片描述

5.7全局卸载

npm uninstall -g
在这里插入图片描述

5.8常见参数

参数以及省略写法描述
-global=-g全局安装,安装后的包位于系统预设目录下
–save=-S安装的包将写入package.json里面的dependencies,dependencies:生产环境需要依赖的库
–save-dev=-D安装的包将写入packege.json里面的devDependencies,devdependencies:只有开发环境下需要依赖的库
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值