Allen's blog Allen's blog
首页
面经
算法 (opens new window)
分类

Allen

前端CV工程师
首页
面经
算法 (opens new window)
分类
  • Javascript

    • npm包管理工具
      • 组件包发布流程
      • nrm 管理源
        • 全局安装 nrm
        • 常用方法
      • npm link
      • only-allow 限制强制使用 pnpm 包管理器
      • pnpm 设置别名
        • 在 POSIX 系统上添加永久别名
        • 在 Powershell (Windows) 中添加永久别名:
    • requestAnimationFrame
    • JS获取屏幕、浏览器、网页宽度和高度
    • JS获取子节点、父节点、兄弟节点
    • 24种坏味道以及重构手法
    • 消除过多的if-else
  • TypeScript

  • CSS

  • Vue

  • React

  • 框架和构建工具

  • 工具库

  • 常见业务场景

  • Bug

  • 项目实战

  • 前端
  • Javascript
Allen
2023-02-15
目录

npm包管理工具

# 组件包发布流程

  1. 更新包的 package.json 中的版本号
  2. npm publish
  3. 上传代码到远程
  4. 在使用该组件库的项目中更新依赖版本

# nrm 管理源

# 全局安装 nrm

npm install -g nrm
1

# 常用方法

nrm ls	//查看可选的源
nrm use taobao	//切换到taobao源
nrm add name http://registry.npm.frp.trmap.cn/	//增加定制的源
nrm del xxx	//删除相应的源
1
2
3
4

# npm link

被链接的库需要安装依赖

  1. 在组件库运行npm link/yarn link
  2. 在项目里运行npm link packageName/yarn link packageName

# only-allow 限制强制使用 pnpm 包管理器

  1. 先安装 only-allow,pnpm add only-allow -D
  2. 在 package.json 的 scripts 中添加:"preinstall": "only-allow pnpm"

# pnpm 设置别名

参考官方文档:使用较短的别名 (opens new window)

# 在 POSIX 系统上添加永久别名

在git bash终端中,环境是linux环境,在此环境下设置。

方法一:

在C:/Users/Allen/目录下新建.bashrc,然后输入alias pn=pnpm,保存并退出。

方法二:

在git bash终端输入vim ~/.bashrc,然后输入alias pn=pnpm,保存并退出。

两个方式效果一样。

# 在 Powershell (Windows) 中添加永久别名:

在具有管理员权限的 Powershell 窗口中,执行:

notepad $profile.AllUsersAllHosts
1

在打开的 profile.ps1 文件中,放入:

set-alias -name pn -value pnpm
1

保存文件然后关闭窗口。 您可能需要重新打开 Powershell 窗口才能使别名生效。

上次更新: 2023/12/16, 09:22:46
requestAnimationFrame

requestAnimationFrame→

最近更新
01
rollup使用配置文件rollup.config.ts打包
12-08
02
package.json导出类型
12-08
03
关键问题方案
11-17
更多文章>
Theme by Vdoing | Copyright © 2023-2023 Allen | Github
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式