封面图

关于 npm install 执行时的安全审计工作

1 月 29 日
阅读 1 分钟
219
npm install 命令行执行过程中显示 reify: @adobe/css-tools: sill audit bulk request 进度条,实际上表示 npm 正在执行安全审计(audit)操作。这个过程是在使用 npm install 安装包时自动触发的,旨在检查依赖树中的每个包是否存在已知的漏洞或安全问题。而 reify 是指 npm 在执行包管理和依赖解析时所采用的一种策略。
封面图

关于 npm install 命令行自行时看到的 timing 输出

1 月 29 日
阅读 2 分钟
344
npm install 是 Node.js 生态系统中用于安装依赖包的命令,它会根据项目中的 package.json 文件中定义的依赖关系,将所需的软件包下载到项目的 node_modules 目录中。在执行 npm install 这个命令时,你可能会看到一些输出信息,其中包含了一些进度条、日志和提示信息,以及一些警告或错误信息。

封面图

使用 --loglevel verbose 参数查看 npm install 安装过程中的更多细节

1 月 8 日
阅读 1 分钟
374
npm install ionic --loglevel verbose命令中的参数--loglevel verbose用于设置npm的日志级别,决定了在安装过程中输出到终端的信息的详细程度。通过设置不同的日志级别,开发者可以获得更多关于npm操作的详细信息,有助于排查问题、调试和优化性能。
封面图

npm list 和 npm list -g 两个命令行的作用和区别

1 月 8 日
阅读 2 分钟
5k
npm list 和 npm list -g 是用于查看当前项目依赖关系的 npm 命令,它们分别用于查看本地项目依赖和全局安装的模块。下面将详细解释它们的作用和区别。
封面图

关于 npm list 输出结果里包含了 extraneous 标志的记录

1 月 8 日
阅读 1 分钟
198
extraneous 是指在当前项目中存在,但并未在 package.json 文件中声明的模块。这可能是由于开发者在项目中使用了某个模块,但后来决定不再使用它,而没有从 package.json 文件中移除该模块引用。这可能导致项目中存在一些不必要的依赖,影响项目的整洁性和维护性。
封面图

npm list -g --depth=0 命令中 --depth 参数讲解

1 月 8 日
阅读 1 分钟
145
npm list -g --depth=0 这个命令是用于列出全局安装的 Node.js 模块及其依赖关系的工具。其中的 --depth=0 参数是用来指定展示依赖关系的深度的。
封面图

使用 Chrome 开发者工具分析 UI5 Web 应用的性能

2023-12-09
阅读 6 分钟
169
UI5 是一款企业级 Web 前端应用的开发框架。笔者不时会收到社区朋友发起的咨询,问我如果 UI5 应用开发好之后,运行时出现性能问题,应该怎么办。
封面图

Public Npm Registry 的使用方式

2023-11-25
阅读 2 分钟
281
Public Npm Registry 是一个由 npm 公司维护的公共软件包存储和分发平台。Npm 是 Node.js 生态系统中最常用的软件包管理器,它允许开发者分享、发布和管理 JavaScript 和 Node.js 模块。Public Npm Registry 是一个集中式的仓库,存储了大量的开源 JavaScript 模块,供开发者在项目中使用。
封面图

什么是 Public NPM Registry

2023-11-25
阅读 2 分钟
200
Public NPM Registry 是一个巨大的代码库,它是 Node.js 开发者们的重要资源。在这个库中,开发者们可以分享、发现、下载和使用数以万计的开发项目所需的代码包。这些代码包被称为 "packages",每一个 package 都是一个完整的、可以独立运行的代码模块,它包含了所有必要的元数据信息,如其名称、版本、依赖等。
封面图

ng config -g cli.packageManager npm 命令行的使用

2023-11-19
阅读 1 分钟
118
ng config -g cli.packageManager npm 这条命令是在 Angular CLI 环境下执行的,它的主要目的是全局设置 Angular CLI 使用的包管理器。这里,-g 代表全局设置,cli.packageManager 是你要配置的属性,npm 是你要设置的值。这条命令将会把 Angular CLI 的包管理器设置为 npm,这意味着在你使用 Angular CLI 创建新的项目...
封面图

使用 npm 的配置参数 script-shell 来避免 window 执行脚本失败

2023-11-13
阅读 2 分钟
123
在 Node.js 的生态系统中,npm 是一个非常重要的组件。npm,全称 Node Package Manager,是 Node.js 的默认包管理器。它帮助开发者很容易地安装、更新、删除或管理 Node.js 项目中所需要的依赖包。npm 能够在本地环境或者全局环境中安装 Node.js 模块,还提供了很多命令和特性,帮助开发者管理和发布自己的 Node.js 包。
封面图

使用 npm config set script-shell 实现跨平台的脚本执行需求

2023-11-13
阅读 2 分钟
316
这个命令的准确含义是设置npm的脚本(shell)执行环境为"C:\app\Git20180223\bin\bash.exe"。这个命令用于修改npm的配置,具体来说,它修改了npm的一个配置项,该配置项用于指定在执行npm脚本时使用的shell程序。在这个例子中,将shell程序的路径设置为"C:\app\Git20180223\bin\bash.exe",这意味着在执行npm脚本时,将使...
封面图

ng update 命令的 force 选项

2023-10-16
阅读 2 分钟
189
其中,[package-name]是要更新的包的名称。通常,你可以使用@angular/cli作为[package-name]来更新Angular CLI工具。例如:
封面图

css breakages 的概念介绍

2023-06-19
阅读 1 分钟
213
在前端开发中,CSS(层叠样式表)用于控制网页的样式和布局。如果在CSS代码中存在错误或不当的使用,可能会导致页面显示出不正确的样式或布局,这被称为CSS breakages(CSS破坏)。
封面图

创建第一个 Cypress 应用后使用命令行 npx Cypress open 报错的原因分析

2022-08-16
阅读 2 分钟
623
大多数测试工具(如 Selenium)通过在浏览器外部运行并通过网络执行远程命令来运行。Cypress 正好相反。 Cypress 在与 Web 应用程序相同的运行循环(run loop)中执行。
封面图

npm run 脚本背后的事情

2021-11-16
阅读 3 分钟
942
npm run build:mylibnpm run 执行的目标 build:mylib, 定义在 package.json 里:实际执行的命令是:yarn --cwd feature-libs/my-lib && ng build my-lib --configuration productionng build:把 Angular 应用编译到给定输出路径下名为 dist/ 的输出目录中。此命令必须在工作空间目录下执行。当用于构建库时,将...
封面图

npm publish 发布一个 Angular 库的时候报错以及解决方法

2021-10-18
阅读 2 分钟
1.7k
npm notice Beginning October 4, 2021, all connections to the npm registry - including for package installation - must use TLS 1.2 or higher. You are currently using plaintext http to connect. Please visit the GitHub blog for more information: [链接]npm ERR! code E426npm ERR! 426 Upgrade Required ...

运行npm update等命令出错后如何分析问题根源

2018-11-01
阅读 2 分钟
2.4k
我今天工作时,在当前前端项目工作目录下执行命令npm update结果遇到如下错误:registry error parsing jsonnpm ERR! Unexpected token < in JSON at position 0

npm scripts的生命周期管理

2018-10-23
阅读 3 分钟
2.6k
我们平时阅读一些开源项目,可能会发现有些项目的package.json里的scripts区域定义的脚本很复杂,令人眼花缭乱。 其实这些脚本是有规律可循的。让我们从最简单的一个例子开始学习。 新建一个空文件夹,执行命令npm init,会自动在该文件夹下生成一个package.json。 这个init其实是一个向导,会针对package.json里待生成...