计算机网络/计算机科学与应用/系统/运维/开发

1、Node.js 和 NPM 环境搭建及使用

一、Node.js 和NPM介绍

1.1、什么是NPM

NPM Node Package Manager 是js的包管理工具,并且是 Node.js 平台的默认包管理工具,通过npm可以安装、共享、分发代码、管理项目依赖关系。

可以从NPM服务器下载别人编写的第三方包到本地使用

可以从npm服务器下载并安装别人编写的命令行程序到本地使用

可以将自己编写的包或命令行 程序上传到npm服务器共别人使用

可以把npm理解为前端Maven,通过npm可以 很方便的安装与下载js库,管理前端工程,最新版的node.js 已经集成了npm工具,所以必须首先在本机安装node环境。


1.2、Node.js安装

http://nodejs.cn/download/ 官网下载,根据对应的系统进行安装


1.3、NPM初始化项目

新建一个demo文件夹项目,进入该目录下,输入 npm init 命令,根据提示,输入相关信息,如果是使用默认值,则回车键跳过

image.png

初始化完成!


1.4、配置淘宝加速镜像


npm默认下载依赖是从国外镜像地址中下载镜像,存在下载速度比较慢。


配置淘宝镜像步骤:

1、查看当前使用的镜像地址

npm get registry

2、配置淘宝镜像地址

npm config set registry https://registry.npmmirror.com

3、安装下载模块

npm install <Module Name>

4、还原默认镜像地址

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


1.5、NPM本地安装模块

npm install命令用于安装某个模块,安装方式分为 本地安装local  全局安装global两种


  • 本地安装

    将js库安装到当前执行命令时所在目录下

    # 本地安装命令,版本号可选
    npm install <Module Nmae>[@版本号]
  • 全局安装

    将js库安装到你的全局目录下

    npm install <Module Name>[@版本号] -g
  • 如果安装时出现如下错误:

    npm err! Error:connect ECONNERFUSED 127.0.0.1:8087

    解决方式:

    npm config set proxy null


本地安装会将js库安装到当前目录下

安装最新版本 express模块,基于node.js 平台的web开发框架,执行如下命令:

npm install express

如果出现黄色警告信息,可以忽略,请放心,已经安装成功

在改目录下会出现一个node_modules文件夹和 package-lock.json

用于记录当前状态下实际安装的各个包具体来源和版本号

重新打开 package.json 文件,会发现刚才下载的jquery.js 已经添加到依赖库中了

image-20250411203231527

关于模块版本号表示方式:

  • 指定版本号:比如 3.5.2 只安装指定版本,循序大版本.次要版本.小版本的格式.

  • ~波浪号+指定版本号 比如 ~3.5.2  安装3.5.x的最新版本 不低于3.5.2 但是不按照3.6.x 也就是说安装时不改变大版本号和次要版本号.

  • ^ 插入号+指定版本号 比如 ~3.5.2 安装3.x.x的最新版本 不低于3.5.2 但是不安装4.x.x 也就是安装时不改变大版本号.

  • latest 安装最新版本.


安装指定的版本模块:

安装jquery 2.2.0 版本的jquery

npm install jquery@2.2.0


1.6、NPM全局安装模块


使用全局按照你会将库安装到全局目录下

查看全局安装目录

  • 如果不知道全局目录在哪里,执行命令

    npm root -g

    image-20250411204644098

  • 修改全局安装目录,使用命令

    比如修改到D:\npm

    npm config set prefix "D:\npm"
  • 比如安装全局简写

    npm  i   jquery -g
  • 查看全局目录

    npm list -g



微信小程序 https://www.javascriptcn.com/interview-weixinapp/677f48463d78df11d950b260.html

评论

^