发布npm包完整指南📋 准备工作
注册npm账号 - npm官网 注册
安装nrm - npm install -g nrm (管理npm源)
源码跟打包后的包分离 - dist => npm; src => github
准备Git仓库 - GitHub/GitLab等代码托管平台
测试验证功能 - jest
打包工具 - 一般这种功能包用rollup
🚀 完整发布流程1. 创建项目并关联Git123456789101112# 创建项目mkdir my-packagecd my-package# 初始化gitgit initgit add .git commit -m "Initial commit"# 关联远程仓库git remote add origin https://github.com/username/my-package.gitgit push -u origin main
2. 初始化npm包1npm init -y
3. 配置package.json12345678910111213141516 ...
什么是 GitHub Actions
定义: GitHub 内置的自动化工作流平台,支持 CI(持续集成)/CD(持续部署)。
组成:
workflow(工作流程): 持续集成一次运行的过程,就是一个 workflow(.github/workflows 下的 yml 文件)
job(任务): 一个 workflow 由一个或多个 jobs 构成,含义是一次持续集成的运行,可以完成多个任务。
step(步骤): 每个 job 由多个 step 构成,一步步完成。
action(动作): 每个 step 可以依次执行一个或多个命令(action)。
基本结构1234567891011121314151617181920212223242526272829303132333435# name字段是 workflow 的名称。如果省略该字段,默认为当前 workflow 的文件名。name: My Workflow# on字段指定触发 workflow 的条件,通常是某些事件。上面代码指定,push事件触发 workflow。# on字段也可以是事件的数组。on字段也可以 ...
安装1npm install postcss-pxtorem
设置根目录 postcss.config.js
123456789101112module.exports = { plugins: { // 自适应,px>rem转换 'postcss-pxtorem': { rootValue: 37.5, // 75表示750设计稿,37.5表示375设计稿 propList: ['*', '!border-bottom'], // 需要转换的属性列表,'*'表示所有属性 selectorBlackList: ['.ignore'], // 忽略的选择器 minPixelValue: 2, // 小于或等于该值的像素不转换 mediaQuery: false, // 是否特换体查询中的 px }, },};
Git_丢弃工作区跟暂存区的修改丢弃工作区的修改 / git restore🚨 永久丢弃修改,无法恢复, 谨慎使用
丢弃单个文件的修改
1git restore <file_path>
示例:
1git restore src/permission.js
丢弃多个文件的修改
1git restore <file_path1> <file_path2>
示例:
1git restore src/permission.js src/router.js
丢弃所有文件的修改
1git restore .
丢弃暂存区的修改 / git restore –staged🚨 将暂存区的文件移回工作区,保留工作区的修改
取消暂存单个文件
1git restore --staged <file_path>
示例:
1git restore --staged src/permission.js
取消暂存多个文件
1git restore --staged <file_path1> <file_path2&g ...

