关键词：
学习Web前端的朋友都知道JavaScript是前端绕不开的话题，也是学习的重难点。而npm是连接JavaScript的一扇大门，能解决NodeJS代码部署上的很多问题，很多人在学习时对于npm包怎么离线部署无能无力。下面，千锋武汉老师就分享2种离线安装npm包的方法。
1、使用npm link
使用npm link 的方式是最常用的方法，具体做法是在联网机器上下载pm2的源码并安装好依赖，拷贝到离线服务器上，最后借助npm link将pm2链接到全局区域。
首先，将pm2的源代码克隆下来：
$ git clone https://github.com/Unitech/pm2.git
然后进入到pm2项目中，安装好所有的依赖：
$ cd pm2
$ npm install
将安装好依赖的pm2文件夹拷贝到目标服务器上，进入pm2目录链接到全局区域：
$ cd pm2
$ npm link
这种方式最关键的是借助npm link完成链接，但npm link这条命令本意是设计给开发人员调试用的。但开发人员开发某个全局命令工具的时候，通过将命令从本地工程目录链接到全局，这样调试的时候，可以实时查看本地代码在全局环境下的执行情况。所以，npm link的项目需要安装所有的依赖，包括dependencies以及devDependencies，而我们如果只是使用而不是开发某个包的话，正常情况下不应该安装devDependencies。
总而言之，这种方式优点是比较简单，缺点是安装了不需要的 devDependencies ，对于有“洁癖”的人是难以忍受的。
2、使用npm install < folder >
那有什么方法相比于上一种方法更干净呢？答案是 npm install 直接从文件夹安装。
同样以pm2为例，首先我们需要准备pm2包，可以在联网的机器上执行：
$ npm install pm2 --global-style
上面的 --global-style 很关键，表示将pm2安装到node_modules中一个单独的pm2文件夹中，这样我们可以方便地将pm2及其所有相关依赖都拷贝出来。也可以使用 npm install pm2 -g 安装到全局的node_modules，其文件布局是一样。
然后，将pm2文件拷贝到目标机器上，使用以下命令安装：
$ npm install pm2/ -g
这种方式不需要安装多余的 devDependencies ，并且不需要克隆pm2的源码，比上一种方法更干净环保。
以上就是千锋武汉老师整理的离线安装npm的两种方法，希望对你有帮助！
本文来自千锋教育，转载请注明出处。
ie11离线安装如何跳过更新
...次运行安装程序”的提示，导致无法继续操作。这里小编分享一种离线安装方法。离线安装步骤：1、在D盘下，新建文件夹，取名为“ie”。2、将官网下载的IE11离线包放到此文件夹中。3、为了后续步骤方便，可以将离线包重命... 查看详情
win7离线安装ie11提示“获取更新”如何解决
...运行安装程序”的提示，导致无法继续操作。这里我分享一种离线安装方法。 离线安装步骤： 1、在D盘下，新建文件夹，取名为“ie”。 2、将官网下载的IE11离线包放到此文件夹中。 3、为了后续步骤方... 查看详情
web前端培训分享：web前端的工作方向是什么？
很多人学习web前端技术都是为了能够正式成为互联网IT行业的一员，那么面对web前端这个技术岗，学完web前端后，有哪些工作方向可以找呢?下面就为大家详细的介绍一下web前端的工作方向是什么?web前端的工作方向是... 查看详情
前端入职第一天,应该做什么(代码片段)
前端入职第一天,应该做什么1、安装Node2、安装前端开发工具及扩展插件3、安装npm4、安装yarn5、安装谷歌浏览器6、下载git7、下载postman1、安装NodeNode官网终端查看版本号node-v2、安装前端开发工具及扩展插件vsCodeHbuliderX3、安装npm... 查看详情
npm安装同一个包的2个版本(代码片段)
如果我们有个很奇怪的需求，需要安装同一个包的2个版本，我们可以用npmalias来实现npmi<alias>@npm:<packageName>@版本#例子npmiantd3@npm:antd@3npmiantd4@npm:antd@4 查看详情
零基础如何学web前端
你好，怎么零基础的学习前端？这要看你是要花钱学还是免费学习。如果花钱的就是去报个培训班，免费的话就是自己去网上找视频跟着学。一、咱们首先来说说自学：对于自学最直接的方法就是看视频学习，看的过程自己也要... 查看详情
学习前端vue怎么样？
...vue提供了一个官方的CLI，我们就叫它为脚手架。它为现代前端工作流提供了batteries-included的构建设置，只需要几分钟的时间就可以运行起来并带有热重载、保存时lint校验，以及生产环境可用的构建版本。简单的说，就是我们使... 查看详情
bower程序包管理器与npm的对比及handlebars包的使用实例
1、bower:专门为前端表现设计的程序包管理器，类似npm，主要用于前端优化。bower可以管理包含HTML，CSS，JavaScript，字体甚至是图像文件的组成部分。bower并没有做别的事-它仅仅安装你需要的包及其依赖的正确版本。2、**依赖node环... 查看详情
js怎么调用手机上的应用市场
...权限接口才可以调用的。 参考技术Djs方法的调用,达内Web前端培训,课程内容为王,教给学员的全是干货!js方法的调用达内Web前端培训,达内Web前端课程内容紧随市场需求!js方法的调用,达内Web前端培训,课程内容为王,教给学员的全是... 查看详情
完全离线安装vscode插件--eslint
最近折腾了一番，总算把Eslint插件在离线的情况下安装好了。之前查了挺多，但是很多方法还是在没有完全离线的情况下进行的。之所以想完全离线安装，主要是因为我们工作的地方是禁止访问外网的，所以像直接执行npm命... 查看详情
前端fayermall开发项目
一、开发环境的搭建注释：（因为是自己的电脑开发的，所以所有的都要重新安装）1、安装nodejs（js服务端的运行环境，构建工具的环境依赖）2、npm1）node.js的包管理工具2）nodejs一般会以包的形式来组织各个模块，所谓的包，... 查看详情
npm包的安装及卸载
NPM全名：nodepackagemanager,是node包管理工具，负责安装、卸载、更新等。新版的NodeJS已经集成了npm。所以装好NodeJS的同时，npm也已经装好了！可以用cmd命令测试是否安装成功，出现版本就表示可以了。本地安装与全局安装命令行的... 查看详情
前端常见知识点汇总(es6，vue，axios，node.js，npm，webpack)
前端常见知识点汇总前言一、ES61.1ECMAScript和JavaScript的关系：1.2基本语法1.2.1let定义变量特点1.2.2const声明常量（只读变量）1.2.3解构赋值1.2.4模板字符串... 查看详情
npm命令
1033258828 前端交流QQ群1033258828 前端交流QQ群1033258828 前端交流QQ群NPM的全称是NodePackageManager，是随同NodeJS一起安装的包管理和分发工具，它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包... 查看详情
web前端培训分享：使用dplayer实现vue3中的视频及弹幕播放
Dplayer是一款上手简单，功能强大的HTML5视频播放器，我们可以使用它，快速在普通HTML、Vue、React中实现视频播放的功能需求。Dplayer同时也提供了目前各大视频站都在使用的弹幕功能，让我们的视频功能更加丰富有... 查看详情
北京web前端培训机构，出来好找工作吗，需要学哪些内容？
大部分人学习一项技术肯定是以就业为目标，那么学习web前端哪些知识才能找到一份工作？小蜗这里根据行业的变化以及企业的用人需求，整理了一份web前端的学习路线，只要掌握了以下内容，找到一份工作基本不难。第一阶段... 查看详情
npm全局安装包的原理
在前端工程搭建的时候，可能需要安装一些全局的命令行工具，比如vue-cli。需要注意的是，全局模式并不是将一个模块包安装为一个全局包的意思，它并不意味着可以从任何地方通过 require() 来引用到它。全局... 查看详情
sublimetext离线安装插件的方法
安装PackageControlPackageControl非常重要，因为这关系到后面的st3安装包的使用，而PackageControl的安装有两种方法：2.1通过控制面板安装①点击工具栏的“查看”->”显示面板”(快捷键是”ctrl+`”)，②到https://packag... 查看详情