包资源管理器NPM快速入门

淩亂°似流年 2022-04-01 10:36 295阅读 0赞

## 什么是NPM? ##

npm全程为Node Package Manager，他是node包管理和分发工具。其实我们可以把npm理解为前端的Maven

我们可以通过npm很方便地下载js库，管理前端工程

最新版本的Node.js已经集成了npm工具，在命令提示符输入npm -v可以查看当前npm版本

## 常用的NPM命令 ##

--------------------

### 1.init初始化工程 ###

init命令是工程初始化命令，建立一个空文件夹，在命令提示符进入该文件夹执行命令初始化

npm init

按照提示输入相关信息，如果是用默认值则直接回车即可

name:项目名称

version:项目版本号

description:项目描述

keywords:\{Array\}关键字，便于用户搜索到我们的项目

entry point:从哪一个js开始运行，选择一个js入口点

最后生成**package.json**文件，这个是包的配置文件，相当于Maven中的pom.xml

### 2.install本地安装 ###

install命令用于安装某个模块，如果我们想要安装express模块(node的web框架)，只需要输入

npm install express

如果出现了黄色字体代表是警告信息，可以忽略，代表你已经成功执行了该命令

在该目录下会出现一个node\_modules文件夹和package-lock.json

node\_modules文件夹用于存放下载的js库(相当于maven的本地仓库)

package-lock.json是node\_modules 或 package.json发生变化时自动生成的文件，这个文件主要是确定当前安装包的依赖，以便后续重新安装的时候生成相同的依赖，而忽略项目开发过程中有些依赖已经发生的更新

### 3.全局安装(-g) ###

上面我们讲述了本地安装命令，该命令会把js库安装到当前目录下，如果使用全局安装则会把js库安装到全局目录下

那么如何知道全局目录在哪呢？执行命令     **npm root -g**

比如我们需要全局安装jQuery

则执行命令        **npm install jquery -g**

### 4.批量下载 ###

我们在网上下载某些代码时，发现只有package.json而没有node\_modules文件夹，这时我们需要通过命令重新下载这些js库

这时候我们需要进入package.json文件所在目录，执行命令

npm install

此时，npm就会自动下载package.json中依赖的js库

### 5.修改为淘宝的NPM镜像 ###

输入命令，进行全局安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装后，我们来查看一下cnpm的版本

cnpm -v

使用cnpm

cnpm install 需要下载的js库

### 6.运行工程 ###

如果我们想运行某个工程，则使用run命令

如果package.json中定义的脚本如下

dev是开发阶段测试运行

build是构建编译工程

lint是运行js代码检测

npm run dev

### 7.编译工程 ###

接下来我们测试一个代码的编译，编译后我们就可以将工程部署到nginx中了

编译后的代码会放在dist文件夹中，首先我们先删除dist文件夹中的文件，进入命令提示符输入命令

npm run build

生成后我们发现只有个静态页面和一个static文件夹

这个工程我们称之为单页Web应用(single page web application，SPA)，就是只有一张Web页面的应用，是加载单个HTML页面并在用户与应用程序交互时动态更新该页面的Web应用程序,实际上是调用Webpack实现打包的，关于Webpack，参照文章[《Webpack快速入门》][Webpack]

[Webpack]: https://blog.csdn.net/itcats_cn/article/details/85411116

发表评论取消回复

表情：

评论列表（有 0 条评论，295人围观）

还没有评论，来说两句吧...

相关阅读

相关 node.js：包资源管理器npm

什么是npm npm全称node package manager，是node包管理和分发工具。相当于maven npm可以很方便的下载js库，管理前端工程。

迷南。/ 2023年06月17日 03:55/ 0 赞/ 11 阅读

相关 Node.js、包资源管理器NPM、Webpack、ES6

Node.js 什么是Node.js 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaSc

- 日理万妓/ 2022年12月21日 03:18/ 0 赞/ 148 阅读

相关 node.js node包管理器--npm

摘要 npm（node package manager），是node.js的一个包管理器，用于第三方模块的下载、安装和管理。 npm收录着庞大而丰富的第三方资源，截至目前为

曾经终败给现在/ 2022年08月21日 08:45/ 0 赞/ 204 阅读

相关 npm（包管理器）安装vue

最近工作前端开发上，准备学习vue.js 该框架可以直接script引用加载，也可以通过npm包管理器安装。在用 Vue.js 构建大型应用时推荐使用 NPM 安

柔情只为你懂/ 2022年06月15日 03:37/ 0 赞/ 341 阅读

相关 npm包管理器和package.json入门_npm是什么_npm怎么用

一、 NPM 概念： npm是nodeJS package managent，nodejs的包（模块）管理器，nodejs中提供了这个很好的机制，解

深藏阁楼爱情的钟/ 2022年05月31日 14:11/ 0 赞/ 230 阅读

相关三、包资源管理器NPM命令

包资源管理器NPM命令 npm全称Node Package Manager，他是node包管理和分发工具。其实

快来打我*/ 2022年04月10日 02:18/ 0 赞/ 301 阅读

相关 NodeJS包管理工具—npm入门

如今每个语言体系中都有一个包管理工具，PHP的Composer，Ruby的gem，Python的pip，Java的Maven……当然还有Node.js的npm。

古城微笑少年丶/ 2022年04月08日 09:44/ 0 赞/ 466 阅读

相关包资源管理器NPM快速入门

什么是NPM? npm全程为Node Package Manager，他是node包管理和分发工具。其实我们可以把npm理解为前端的Maven 我们可以通过npm很方便

淩亂°似流年/ 2022年04月01日 10:36/ 0 赞/ 296 阅读

相关 NodeJs——npm包管理器

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

短命女/ 2021年07月25日 12:51/ 0 赞/ 504 阅读

相关 NPM包管理器

一简介什么是NPM NPM全称Node Package Manager，是Node.js包管理工具，是全球最大的模块生态系统，里面所有的模块都是开源免费的；也是No

系统管理员/ 2021年07月24日 18:09/ 0 赞/ 458 阅读