npm常用命令(Node Package Manager)

本文介绍了npm作为Node.js的包管理器,其作用类似于Java的maven,主要用于前端项目管理。详细讲解了如何安装、更新npm,以及安装、卸载脚手架如vue-cli。还提到了npm命令的使用,如install、run、clean等,并阐述了如何通过设置淘宝或华为镜像加速依赖下载。在实际项目中,遇到因依赖GitHub导致的安装失败问题,解决方案是配置SSH Keys。最后,分享了清除npm缓存和删除node_modules文件夹的方法。

使用npm命令前需要先安装node.js,node.js安装好后就可以直接使用npm命令了,看标题就能指导npm其实就是node下的包管理器,起的作用跟java项目的maven很像,只不过npm用来管理前端项目,package.json文件就相当于是pom.xml,需要用到什么依赖直接配置进去就行,项目的node_modules文件夹就相当于maven的本地仓库,运行install命令之后会将package.json中配置的依赖源码给你下载到这个文件夹中。

更新npm
npm install -g npm 

安装脚手架
npm install -g vue-cli 

卸载脚手架

npm uninstall vue-cli -g

项目安装依赖
npm install 

安装cnpm 设置淘宝镜像

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

设置淘宝镜像源(运行Npm 实际从 淘宝镜像获取内容)

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

取消淘宝镜像
npm uninstall cnpm -g

设置淘宝镜像后所有的npm命令可以使用cnpm代替,且因为淘宝镜像的站点在国内,下载依赖的速度会快很多,但还是不推荐这么做,有的项目使用淘宝的项目就会报奇奇怪怪的错误,可以使用以下命令

从淘宝镜像安装依赖
npm install --registry=https://registry.npm.taobao.org

从华为镜像安装依赖
npm i --registry=https://mirrors.huaweicloud.com/repository/npm/

运行项目 (一般是这三种,大家都这么写)
npm run serve
npm run build 
npm run dev

这个玩意必须要在package.json中配置才能运行,否则会报错

npm ERR! missing script: dev

npm run xxx 中的 xxx 可以理解为键值对的 key,实际上 run 的是在 package.json 里面 scripts 配置的 value,这里配置dev 就使用npm run dev,实际上运行的命令是vue-cli-service serve

清除npm缓存

 npm cache clean

npm cache clean --force (npm5)

清除node_modules文件夹

1、npm install rimraf -g -- 安装rimraf命令

2、rimraf node_modules -- 删除文件夹 需在指定文件夹下执行

npm 5 之后使用了新的包管理模式,后面的版本清除缓存就使用npm cache clean --force,如果这个命令用不了,就试试

npm cache clear --force && npm install --no-shrinkwrap --update-binary(这个玩意挺慢)

另外我自己开发项目的时候使用过vue_element_admin这个开源的前端框架,搭建作者的开源框架时什么问题都没有,但在创建了我们自己的分支之后改动了一些代码,然后install的命令怎么也成功不了,不论使用什么环境都会卡在

checking installable status 这个步骤上,然后直接报错,

检查了之后发现我们的程序中添加有一个组件是直接依赖github的,淦,但我那时是还没有申请github的账号,我的电脑并没有链接github的凭证,导致这个组件无法下载,一直失败,具体如何解决可以参考下面这个链接,写的很详细,给作者点个赞。

Git配置SSH Keys步骤 - 前端白雪 - 博客园

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值