0
点赞
收藏
分享

微信扫一扫

Node.js安装与基本使用


目录

​​1.Node.js​​

​​        1.1什么是Node.js​​

​​        1.2环境搭建​​

​​                1.2.1下载​​

​​                1.2.2安装​​

​​                1.2.3测试​​

​​        1.3切换源​​

​​                1.3.1工具cnpm​​

​​                1.3.2工具nrm​​

​​        1.4Node.js和npm关系​​

​​        1.5基本操作​​

​​                1.5.1安装本地包​​

​​                1.5.2基于package.json安装​​

​​                1.5.3package-lock.json作用​​

​​                1.5.4常见参数​​

​​        1.6其他操作​​

​​                1.6.1更新本地包​​

​​                1.6.2卸载本地包​​

​​                1.6.3全局安装​​

​​                1.6.4全局卸载​​

1.Node.js

Node.js安装与基本使用_node.js

 

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

Node.js安装与基本使用_node.js_02

  • Node.js仅支持ECMAScript规范。Node.js 基于 Chrome V8 引擎进行升级,使用V8在非浏览器环境下运行得更好。
  • Chrome V8 引擎执行Javascript的速度非常快,性能非常好。

        1.2环境搭建

                1.2.1下载

  • 官网​​Node.js​​

Node.js安装与基本使用_node.js_03

                1.2.2安装

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

Node.js安装与基本使用_javascript_04

 

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

Node.js安装与基本使用_javascript_05

 

  • 步骤3:确定安装位置

Node.js安装与基本使用_java_06

 

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

Node.js安装与基本使用_javascript_07

 

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

Node.js安装与基本使用_node_08

 

Node.js安装与基本使用_json_09

 

  • 步骤6:完成安装

Node.js安装与基本使用_node_10

  

重启计算机

                1.2.3测试

  • node --version

Node.js安装与基本使用_java_11

        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

Node.js安装与基本使用_node.js_12

                1.3.2工具nrm

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

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

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

  • 安装

npm install -g nrm

Node.js安装与基本使用_javascript_13

  • 查看当前源

Node.js安装与基本使用_node.js_14

 

  • 测试各源的响应速度

 

Node.js安装与基本使用_node.js_15

        1.4Node.js和npm关系

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

Node.js安装与基本使用_javascript_16

 

        1.5基本操作

                1.5.1安装本地包

  • 方式1:安装指定的包

# 语法

npm install <package_name>

# 实例:安装jquery

npm install jquery

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

npm install <package>@<version>

  • 需要的资源包,将下载到当前项目的node_modules文件夹下

Node.js安装与基本使用_javascript_17

                1.5.2基于package.json安装

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

npm init -y

 

Node.js安装与基本使用_json_18

 

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

npm install jquery --save

 

Node.js安装与基本使用_node_19

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

Node.js安装与基本使用_node_20

                1.5.3package-lock.json作用

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

Node.js安装与基本使用_json_21

 

                1.5.4常见参数

参数以及省略写法

描述

-global=-g

全局安装,安装后的包位于系统预设目录下

--save=-S

安装的包将写入package.json里面的dependencies,

dependencies:生产环境需要依赖的库

--save-dev=-D

安装的包将写入packege.json里面的devDependencies,

devdependencies:只有开发环境下需要依赖的库

Node.js安装与基本使用_java_22

        1.6其他操作

                1.6.1更新本地包

npm update

npm outdated

Node.js安装与基本使用_java_23

 

                1.6.2卸载本地包

npm uninstall <package>

 

Node.js安装与基本使用_node_24

  • 自动修改package.json文件

                1.6.3全局安装

npm install -g <package>

Node.js安装与基本使用_node_25

 

  • 全局安装在一个特定的文件夹下

Node.js安装与基本使用_node.js_26

                1.6.4全局卸载

npm uninstall -g <package>

Node.js安装与基本使用_node_27

 

举报

相关推荐

0 条评论