1、git
- 常用命令
# 配置命令
git config --global user.name "lidu"
git config --global user.email "[email protected]"
# 创建ssh-key，将公钥添加到github等网站上
ssh-keygen -t rsa -C "[email protected]"
git init
# 可查所有配置包括分支关联情况
git config --list
# 关联本地分支和远程分支
1. 远程分支如dev, 本地分支如dev, 用 git branch --set-upstream dev origin/dev 建立连接;
2. 本地创建分支如dev, 用 git push -u origin dev, 将本地分支上传到远程仓库, 并关联起来, 如果远程没有dev分支, 则会自动创建;
3. 抓取远程分支并在本地建立关联的分支, 用 git checkout -b local-branchname origin/remote_branchname
eg: git checkout -b dev origin/dev, 前提: 需存在远程分支dev
# 丢弃工作区的修改
git checkout -- readme.txt #丢弃单个文件
git checkout . # 丢弃所有工作区的修改
若已经add, 先 git reset HEAD <file> 先撤销add, 再丢弃修改
若已经commit了, 可以用git reset --hard HEAD^ 进行回退到上一个版本
git rm <file> # 从版本库中删除某文件
# commit提交规范: angular规范
<type>(<scope>):<subject>
<black line>
<body>
<black line>
<footer>
1. type: 类型
feat: 新功能
fix: 修复问题
docs: 修改文档
style: 修改代码格式, 不影响代码逻辑
refactor: 重构代码, 理论上不影响现有功能
perf: 提升性能
test: 增加修改测试用例
chore: 修改工具相关(包括但不限于文档、代码生成等)
deps: 升级依赖
2. scope
修复文件范围(包括不限于doc, middleware, proxy, core, config)
3. subject
修改主题
4. body
补充subject, 适当增加原因、目的等相关因素, 也可不写
5. footer
当有非兼容修改时可在这里描述清楚
关联相关issue, 如Close #1
功能点有新增或修改的, 还要关联MR, 如xxx
eg:
fix($compile): couple of unit tests for ie9
xxxx
Close #393
- 推送至github示例
1、create a new repository on the comman line
echo "# my-webpack" >> README.md
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin [email protected]:wangjxk/my-webpack.git
git push -u origin main
2、push an existing repository from the command line
git remote add origin [email protected]:wangjxk/my-webpack.git
git branch -M main
git push -u origin main
3、一般开发流程
git checkout -b feature_xxx
tnpm run test
git add .
git commit -m "fix(service): xxxx"
git push -u origin branch-name | git push
- 多人工作模式
1. 用git push origin branch-name推送自己的修改;
2. 推送失败, 因为远程分支比你的本地更新, 需要先用git pull试图更新合并;
3. 如果合并有冲突, 则解决冲突, 并在本地提交;
4. 解决冲突后, 再用git push origin branch-name推送;
5. 若git pull提示"no tracking information", 说明本地分支和远程分支的链接关系没有创建, 用命令git branch --set-upstream branch-name origin/branch-name
2、npm
参考资料：
1、npm菜鸟教程(opens new window)
2、npm官网资料(opens new window)
3、npm相关资料
1、常见命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm cache clean
# 配置设置
npm config set registry https://registry.npm.taobao.org
npm config get registry
npm config list
# 安装模块
npm install
npm uninstall express
npm update express
npm install moduleName
# 安装模块到项目目录下
npm install -g moduleName
# -g 的意思是将模块安装到全局，具体安装到磁盘哪个位置，要看 npm config prefix 的位置。
npm install --save moduleName
# --save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。
npm install --save-dev moduleName
# --save 的意思是将模块安装到项目目录下，并在package文件的devDependencies节点写入依赖。
# 查看模块
npm -g list --depth=1 # 查看全局安装模块
# 发布模块
npm init
npm login
npm search xxx
npm publish
# 报错put 400 bad request
# 需要package.json中添加publishConfig: { registry: 发布地址 }
npm unpublish
# scope: @somescope/somepackagename
npm install -g @vue/cli
# 程序包链接，用于本地npm包测试
npm link
npm unlink
# 全局包链接，用于本地npm包测试
npm link
npm unlink
# 全局包查看
npm root -g # /usr/local/lib/node_modules
npm list -g # 全局安装的包查看
# 本地包查看
npm root # /Users/jian/workspace/vue-project-ssr/node_modules
npm list # 全局安装的包查看
解析打包测试命令：npm link，程序包链接，用于本地npm包测试
典例：项目project要使用common公用组件包 ，common公用组件包为本地npm包未发布至npm仓库，可以使用link命令测试。
- 在common文件夹中执行npm link，将common模块创建成本地依赖包。
- npm config list：可查看prefix，全局文件安装目录
- 在prefix目录下添加软链接执行文件
- 在prefix/node_modules目录添加common模块的快捷方式
- 在project文件夹中执行npm link common，将common模块应用在project工程里。
- 在node_modules下添加 .bin 文件夹以及common工程文件夹
- 解除link
- 在project文件夹执行npm unlink common，解除引用
- 在common文件夹执行npm unlink，解除本地依赖包
2、package.json解析
bin：模块有一个或者多个需要配置到PATH路径下的可执行模块，npm通过bin属性实现。模块安装时，若全局安装，则npm会为bin中配置的文件在bin目录下创建一个软链接（对于window系统，默认会在 C:\User\username\AppData\Roaming\npm目录下），若是局部安装，则会在项目内的 ./node_modules/.bin/目录下创建一个软链接。
解析：npm模块的查看，main为入口，exports导出，实现的参数为模块使用的参数
3、npx
npx是一个工具，npm v5.2.0引入的一条命令（npx），一个npm包执行器，指在提高从npm注册表使用软件包时的体验，npm使得它非常容易地安装和管理托管在注册表上的依赖项，npx使得使用CLI工具和其他托管在注册表。
当执行NPX xxx时候，先看xxx在$PATH里有没有，没有则查找当前目录node_modules里是否存在，若没有则安装并执行。
4、yarn
# 全部安装：yarn install
# 添加：yarn add xx@xx | yarn add xx --dev | yarn golbal add xx
# 更新：yarn up xx@xx
# 移除：yarn remove xx
# 运行：yarn xx