百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

前端开发,npm会了吗?(ng前端)

wxin55 2024-11-08 14:40 18 浏览 0 评论

npm 是Node.js的包管理工具(package manager),npm 由三个独立的部分组成: 网站(开发者查找包,设置参数以及管理npm的主要途径) 注册表(保存每个包(package)的信息) 命令行工具(通过命令行或终端运行。开发者通过 CLI 与 npm 打交道)。

npm常用操作命令

  1. npm search 搜索包
  2. npm install 安装包 or npm i 包名
  3. npm ls 查看已经安装的依赖包
  4. npm uninstall 卸载包
  5. npm run 查看 package.json中有哪些 npm script命令
  6. npm update 更新包

注: jquery@2.2.4 执行 npm update之后,只会更新jquery@2.x.x以后的小版本,不会直接更新到3.x.x版本, 如需下载3.x版本重新安装需要的版本即可

本地项目安装包命令

  • npm i <包>

安装在当前项目目录(node_modules)下,根据模块访问规则,当前项目以及子项目可访问。一般用于安装项目独立使用的包。

全局安装包命令

  • npm i -g <包>

安装在 npm 指定的全局目录下,通过全局模块访问机制可以在全局范围内访问。一般用于安装工具性质的包。

一次安装多个模块:

npm i gulp-pug gulp-debug gulp-sass

更新依赖包

  • 检测依赖包 npm i npm-check-updates -g
  • 查看哪些依赖包需要更新 ncu
  • 更新package.json文件中的依赖包为最新版本
  • 安装最新的依赖包 npm i
  • npm outdate 查看安装包有没有版本更新

查看包信息

  • npm view vue 或 npm v vue 查看安装包所有信息
  • npm v vue version 查看包最新版本
  • npm view <packagename> versions --json 查看指定包的所有版本

npm root -g 查看全局包的安装路径

npm init 或 npm init –yes 自动创建package.json文件

npm config get prefix 获取全局安装的默认目录

npm config set key value 设置npm镜像和node-sass

  • npm config set registry https://registry.npm.taobao.org
  • npm config set SASS_BINARY https:npm.taobao.org/mirrors/node-sass/

npm i -g与 npm i -S 或 npm i -D 区别

  • npm i xxx -g 全局安装
  • npm i xxx -S 是 npm i xxx --save的简写 安装的插件会在package.json文件中写入到dependencies对象里面去,dependencies需要发布到生产环境.(生产依赖/项目依赖包) 开发时使用,上线还需要
  • npm i xxx -D 是 npm i xxx --save-dev的简写 安装的插件会在package.json文件中写入到devDependencies对象里面去,devDependencies里面的插件只用于开发环境不用于生产环境.(开发依赖) 开发时需要,线上不需要

发布自己的模块包

package.json文件 项目(模块、包)说明配置文件,该文件描述了当前包的信息,只有拥有package.json文件的项目才可以被发布。


自动创建package.json npm init / npm init --yes

package.json
name:包名称,必填
version:版本,必填,格式 x.x.x
main : 包的入口主文件
scripts:自定义脚本,通过 npm run 脚本名称即可执行脚本定义的命令
dependencies:生产环境下需要使用的依赖包
devDependencies:只做开发环境(测试环境)下使用的依赖包
  • 注册 npmjs.org 账号
  • 登录 npm adduser / npm login 要切回到npm源
  • 发布 npm publish 查看发布的npm包

快速删除node_modules依赖或文件

  • npm i rimraf -g 全局安装 rimraf 模块
  • rimraf node_modules

cmd中 set 可以查看所有的环境变量

相关推荐

Shiro学习系列教程三:集成web(web集成环境)

相关推荐:《Shiro学习系列教程一:Shiro之helloworld》《Shiro学习系列教程三:集成web》《Shiro学习系列教程四:集成web(二)》《Shiro学习系列教程五:自定义Real...

写了这么多年代码,这样的登录方式还是头一回见

SpringSecurity系列还没搞完,最近还在研究。有的时候我不禁想,如果从SpringSecurity诞生的第一天开始,我们就一直在追踪它,那么今天再去看它的源码一定很简单,因为我们了...

Shiro框架:认证和授权原理(shiro框架授权的四种方式)

优质文章,及时送达前言Shiro作为解决权限问题的常用框架,常用于解决认证、授权、加密、会话管理等场景。本文将对Shiro的认证和授权原理进行介绍:Shiro可以做什么?、Shiro是由什么组成的?举...

Spring Boot 整合 Shiro-登录认证和权限管理

这篇文章我们来学习如何使用SpringBoot集成ApacheShiro。安全应该是互联网公司的一道生命线,几乎任何的公司都会涉及到这方面的需求。在Java领域一般有SpringS...

Apache Shiro权限管理解析二Apache Shiro核心组件

ApacheShiro核心组件Subject(用户主体)Subject是Shiro中的核心概念之一,表示当前用户(可以是登录的用户或匿名用户)。它是与用户交互的主要接口,提供了对用户身份验证...

详细介绍一下Apache Shiro的实现原理?

ApacheShiro是一个强大、灵活的Java安全框架,设计目标是简化复杂的安全需求,提供灵活的API,使开发者能方便地将安全功能集成到任何应用中。主要作用是用于管理身份验证、授权、会话管理和加...

什么是Apache Shiro?SpringBoot中如何整合Apache Shiro?

ApacheShiro是一个功能强大且易于使用的Java安全框架,主要用于构建安全的企业应用程序,例如在应用中处理身份验证(Authentication)、授权(Authorization)、加密(...

Apache Shiro权限管理解析三Apache Shiro应用

Shiro的优势与适用场景优势简单易用:API设计直观,适合中小型项目快速实现权限管理。灵活性高:支持多种数据源(数据库、LDAP等),并允许开发者自定义Realm。跨平台支持:不仅限于We...

那些通用清除软件不曾注意的秘密(清理不需要的应用)

系统清理就像卫生检查前的大扫除,即使你使出吃奶的劲儿把一切可能的地方都打扫过,还会留下边边角角的遗漏。随着大家电脑安全意识的提高,越来越多的朋友开始关注自己的电脑安全,也知道安装360系列软件来"武装...

JWT在跨域认证中的奇妙应用(jq解决跨域)

JWT在跨域认证中的奇妙应用什么是JWT?让我们先来聊聊JWT(JSONWebToken)。它是一种轻量级的认证机制,就像一张电子车票,能让用户在不同的站点间通行无阻。JWT由三部分组成:头部(H...

开启无痕浏览模式真能保护个人隐私吗?

在访问网站页面时,你是否有过这样的疑虑,自己访问的会不会是山寨网站?用公用电脑上网,个人信息会被别人看到吗?这时,有人会说,使用浏览器的“无痕浏览”模式不就行了,可以在操作中不留下“蛛丝马迹”,但,真...

辅助上网为啥会被抛弃 曲奇(Cookie)虽甜但有毒

近期有个小新闻,大概很多小伙伴都没有注意到,那就是谷歌Chrome浏览器要弃用Cookie了!说到Cookie功能,很多小伙伴大概觉得不怎么熟悉,有可能还不如前一段时间被弃用的Flash“出名”,但它...

cookie、session和token(cookie,session和token的区别)

Cookie的概念最早是在1994年由NetscapeCommunications的程序员LouMontulli发明的,目的是为了解决当时早期互联网的一个关键问题:HTTP无状态协...

小白都能看懂的session与cookie的区别理解

cookie/session都是跟踪识别浏览器用户身份的一个东西。cookie的理解:我们要知道,服务器和客户端之间进行数据传输,需要使用到一个超文本传输协议(http协议),而http协议本身是个...

面试:网易一面:支撑10万QPS的电商购物车系统如何架构设计呢?

1.需求分析:10万QPS的购物车系统需要满足哪些需求?回答:10万QPS的购物车系统需要满足以下核心需求和挑战:核心功能:添加、删除、修改购物车商品实时查看购物车列表支持高并发读写(10万QPS)...

取消回复欢迎 发表评论: