Npm配置全局安装插件目录以及命令用法扩展

简介: eslint 是一个代码检查的插件,类似sonarqube里面的打码扫描一样,像这种插件的话只需要本地使用,就可以用开发环境的进行依赖包安装。

1

配置全局插件文件存放目录

说明:本地nodejs安装路径为:D:\Software\Nodejs

先在安装目录创建2个空的文件夹

    cd /d D:\Software\Nodejs
    mkdir node_cache
    mkdir node_global

    然后再执行以下命令:


      npm config set prefix "D:\Software\Nodejs\node_global"
      npm config set cache "D:\Software\Nodejs\node_cache"


       

      2

      安装全局插件

      安装全局插件的好处的话,就是可以所有用户以及所有项目都共用这些插件。

      首先查看全局插件的安装存放目录的位置:

        npm root -g

        微信图片_20220114175152.png 


        npm 全局安装插件:

        npm install module_name -g  # -g参数表示全局安装

        执行命令安装一下cnpm、newman、vue的插件:

          npm install c
          npm -gnpm install newman -g
          npm install vue -g


          微信图片_20220114175154.png


          查看npm安装的全局插件列表:

            npm list -g 或者 npm ls -g


            微信图片_20220114175157.png

            3

            生产和开发环境依赖包的安装

             

            这里主要来检验一下在安装环境过程中加上环境参数的时候,对package.json有什么区别:

            # 默认,安装的包是生产的依赖
            npm install newman [--save|-S] # --save与-S等价
            # 有部分插件,只有在本地调试的时候才会用到,比如代码检测插件ESLint
            npm install eslint [--save-dev|-D]  # --save-dev与-S等价

            微信图片_20220114175159.png


            eslint 是一个代码检查的插件,类似sonarqube里面的打码扫描一样,像这种插件的话只需要本地使用,就可以用开发环境的进行依赖包安装。


             

            4

            Npm的其他命令or用法

            使用cnpm命令代替npm命令进行依赖包安装,加速下载插件

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


              指定镜像安装:

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

                设置代理    

                  npm config set proxy http://username:password@server:port
                  npm confit set https-
                  proxy http://username:password@server:port

                  删除代理    

                    npm config delete proxy
                    npm config delete https-proxy

                    查看npm配置内容(可以配置默认指定源)

                    npm config get registry

                    或者查看配置文件  

                    linux:  ~/.npmrc  

                    windows:用户目录下的.npmrc 文件


                    其他命令:

                    # 提供一些其他命令供大家自己扩展学习了解(以下命令中的module_name要改为具体的包名)
                    npm/cnpm view module_name version  #查看某个包的最新版本
                    npm/cnpm view module_name versions #查看某个包的所有版本
                    npm uninstall module_name 
                    npm uninstall -g module_name

                    今天的学习告一段落啦,如果在使用命令过程中遇到了问题,不要慌,可以copy报错内容百度一下,一般都能找到解决方法。

                    关注我,后续带你一起写页面,开发测试小工具,辅助提升测试效率。

                    相关文章
                    |
                    3月前
                    |
                    缓存 资源调度 持续交付
                    在清空NPM缓存后,检查是否所有依赖都已正确安装
                    在清空NPM缓存后,检查是否所有依赖都已正确安装
                    |
                    20天前
                    |
                    资源调度 前端开发 JavaScript
                    React 安装(NPM)
                    10月更文挑战第6天
                    50 1
                    |
                    20天前
                    |
                    缓存 资源调度 持续交付
                    在清空NPM缓存后,我如何检查是否所有依赖都已正确安装?
                    【10月更文挑战第5天】在清空NPM缓存后,我如何检查是否所有依赖都已正确安装?
                    |
                    13天前
                    |
                    缓存 JavaScript 前端开发
                    拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题
                    本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
                    109 0
                    |
                    14天前
                    |
                    资源调度 前端开发 安全
                    前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
                    前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
                    26 0
                    9-14|npm install --global windows-build-tools 安装太慢了,能够指定国内源
                    9-14|npm install --global windows-build-tools 安装太慢了,能够指定国内源
                    |
                    3月前
                    |
                    敏捷开发 缓存 前端开发
                    阿里云云效产品使用合集之前端打包时npm安装卡住一般是什么导致的
                    云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
                    |
                    3月前
                    |
                    资源调度 JavaScript 索引
                    Vue2开发插件并发布到npm
                    这篇文章介绍了如何使用Vue 3、TypeScript和Vite开发一个下拉框组件`vue-amazing-selector`,并将其发布到npm,包括了项目的创建、组件开发、配置webpack、编写组件代码、导出组件、编译、npm包初始化、发布流程以及在项目中使用该插件的完整步骤。
                    Vue2开发插件并发布到npm
                    |
                    3月前
                    |
                    缓存 资源调度 持续交付
                    在清空NPM缓存后,如何检查是否所有依赖都已正确安装
                    在清空NPM缓存后,如何检查是否所有依赖都已正确安装
                    |
                    3月前
                    |
                    敏捷开发 缓存 Java
                    阿里云云效产品使用合集之如何配置流水线里的npm构建
                    云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。

                    推荐镜像

                    更多