美文网首页
npm常用命令

npm常用命令

作者: 段煜华 | 来源:发表于2019-10-25 11:40 被阅读0次

    此文章会不定时更新 <packageName> 为模块名点位符

    一、可选参数说明

    --save       // 将模块依赖关系写入到package.json文件的dependencies参数中
    -dev         // 将模块依赖关系写入到package.json文件的devDependencies参数中
    -g           // 表示全局
    @+version    // 安装指定版本
    

    --save相当于-s
    --global相当于-g
    --save-dev相当于-d
    --save-optional相当于-o
    --save-exact相当于-e。
    我们在安装第三方包的时候通常会用到-s、-g、-d后缀,其他的很少用到。

    二、Config命令

    更改npm全局安装路径

    npm config set prefix <路径>
    

    更改npm镜像源

    npm config set registry <URL>
    

    三、Set命令

    更换包管理器

    ng set --global packageManager=yarn
    

    四、查找、安装、更新、卸载、发布Node模块

    搜索(s、se、find)比如查找我们需要的模块及其相关模块信息(包名称、描述、作者、更新时间、最新版本号、关键词等等)

    npm search [<packageName><version>][-g]/[--save][-dev]
    

    安装模块

    npm i <packageName>
    npm install [<packageName><version>][-g]/[--save][-dev]
    

    查看本地安装的包版本号

    npm ls <packageName>        // 本地包
    npm ls <packageName> -g     // 全局安装包
    

    查看远程包信息

    npm info <packageName>
    //或者
    npm view <packageName> versions --json
    

    更新模块(up, upgrade)

    npm i <packageName>@latest //更新到最新版
    npm i <packageName>@2.2.1 //更新到具体某个版本
    npm update  //更新当前目录下的项目的所有模块
    npm update <packageName>  //更新当前目录下的项目的指定模块
    npm update -g <packageName>  //更新全局安装的指定模块
    npm update [<packageName><version>][-g]/[--save][-dev]
    

    卸载模块(remove、rm、r, un、unlink)

    npm uninstall <packageName>  //卸载指定的模块
    npm uninstall [<packageName><version>][-g]/[--save][-dev]
    

    发布(publish)可以将我们自己的模块发布到npm以供其他人使用,在发布之前我们必须在NPM上有一个自己的账号,通常我们可以使用以下命令来进行注册和发布

    npm adduser // npm账号注册,以邮箱方式
    npm publish <packageName> // npm模块发布
    

    五、查看模块信息

    查看已安装的所有模块

    npm list //查看项目中已安装模块依赖关系图
    npm list -g //查看全局已安装模块依赖关系图
    npm list -g --depth 0 //查看所有已经全局安装的模块
    npm list 或 npm ll 或 npm la 或 npm ls  //都是列出已安装模块, ll 、 ls 、 la 三个命令意思都一样,但是列表的展示方式不一样
    npm list/ls/la/ll [-g]
    

    查看模块安装路径

    npm root //查看项目模块的安装路径
    npm root -g //查看全局模块的安装路径
    

    查看模块的注册信息,包名称(name)、版本号(version)、描述(description)、作者(author)、版权(license)等等信息

    npm view <packageName> name //查看包名称
    npm view <packageName> description//查看包描述
    npm view <packageName> author//查看包作者
    //以此类推
    npm view <packageName> [package.json属性名称]
    

    六、其它常用命令

    npm init //初始化package.json配置文件
    npm help // 帮助
    npm -h  // 快速搜索某一个命令的详情语法
    npm docs <packageName> //查看模块官方文档
    npm cache clean //清除缓存
    npm cache verify //验证缓存
    npm -v //npm版本查询
    npm show <packageName>  //显示模块详情
    

    快捷键
    ctrl+c 结束所有dom行命令

    七、克隆项目

    克隆项目

    git clone https://github.com/PanJiaChen/vue-element-admin.git
    

    进入项目目录

    cd directory
    

    安装依赖

    npm install
    

    本地开发 启动项目

    npm run dev
    

    发布

    // 构建测试环境
    npm run build:stage
    
    // 构建生产环境
    npm run build:prod
    

    其它

    # 预览发布环境效果
    npm run preview
    
    # 预览发布环境效果 + 静态资源分析
    npm run preview -- --report
    
    # 代码格式检查
    npm run lint
    
    # 代码格式检查并自动修复
    npm run lint -- --fix
    

    八、解决npm下载速度慢的问题

    建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题

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

    相关文章

      网友评论

          本文标题:npm常用命令

          本文链接:https://www.haomeiwen.com/subject/jeervctx.html