使用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的凭证,导致这个组件无法下载,一直失败,具体如何解决可以参考下面这个链接,写的很详细,给作者点个赞。
本文介绍了npm作为Node.js的包管理器,其作用类似于Java的maven,主要用于前端项目管理。详细讲解了如何安装、更新npm,以及安装、卸载脚手架如vue-cli。还提到了npm命令的使用,如install、run、clean等,并阐述了如何通过设置淘宝或华为镜像加速依赖下载。在实际项目中,遇到因依赖GitHub导致的安装失败问题,解决方案是配置SSH Keys。最后,分享了清除npm缓存和删除node_modules文件夹的方法。
1266

被折叠的 条评论
为什么被折叠?



