Git常用命令

Git使用技巧

一、 使用rebase合并同分支commit提交

一个开发分支可能会有数量极多的commit，这些commit小又多，一旦开发分支合并测试分支或者上线分支，那么这些commit都会被带入对应分支，使得上线分支上显示一串极长且无用的commit，显得非常凌乱无章。如何解决：

git rebase -i HEAD~6 或者 git rebase -i 10b73908

执行命令后进入vi编辑模式，提交的commit倒序排列，最下面的是最近的提交记录。

修改第一行之外的第一个单词为 squash or s , 然后输入 wq or x 保存退出

pick的意思是要执行这个commit

squash的意识是这个commit会被合并到前一个commit

合并到一个commit 然后强制推一下

使用 nuxt 编写美团 PC 端(vue+ssr+egg)

前置

nuxt 安装

npx create-nuxt-app <projectName> or yarn create nuxt-app <projectName>

nuxt 启动

为了使 node 文件支持 es6 语法和 async，await，需要使用 babel 配置一下。
npm i babel-cli -g，然后在 package.json 里面的 dev 和 start 命令的最后面加上--exec babel-node,根目录新建一个.babelrc文件。

1
2
3
4
5
6

{
  "presets": ["es2015", "stage-0"],
  "plugins": [
    ["transform-runtime"]
  ]
}

造一个简单的 Vue UI 库(移动端)

其实是出于对第一个使用的 vue 框架 mint-ui 的怀念，以及想要打造一个简单的适合自己的移动端 UI 框架的目的做的项目。整体想法和架构基于 mint-ui 但是会参考很多 UI 库例如 vux、vant 等，因为 mint-ui 客观事实上来说还是有很多地方需要修改和优化的。

一点 npm 发包技巧

使用 nrm 管理源

今天发布 npm 包的时候一直提示

1
2

npm ERR! code E403
npm ERR! 403 Forbidden - PUT https://registry.npm.taobao.org/@xaviershi%2fvue-cli-plugin-xaviershi - [no_perms] Private mode enable, only admin can publish this module

经过查找是因为使用 taobao 源的原因导致的。
首先npm i nrm,nrm ls查看源,nrm use使用源

发布带作用域的包

1. npm init --scope=<作用域名>
2. npm publish --access public
3. 好像只能写自己账号名字的作用域，不过可以交钱创建组织

基础搭建

react-native init AwesomeProject 默认会下载最新的 RN 版本，启动 react-native run-ios or react-native run-android。
iOS 真机启动步骤:

1. Bundle Identifier改证书名，Version改版本号
2. 选择 team 选择部署设备系统版本
3. target 换到 Tests，取消勾选Allow testing Host Application APIs
4. 选择 team，切换到 Build Settings 版本号切换为设备版本
5. Info.plist App Transport Security Settings -> Allow Arbitrary Loads勾选为 yes
6. RCTWebSocket.xcodeproj->RCTWebSocketExecutor.m localhost 替换为本机 IP
7. Target 选择 Tests Build Phases-> Link Binry with Libraries -> + -> libRCTWebSocket.a->add
8. cmd+r 真机运行，然后 iPhone 信任证书再运行一遍
   具体步骤及资料
9. Android 环境下载 gradle 缓慢的问题。黏贴命令行里面的地址使用迅雷下载，然后将包拖到 chome 里面会得到一个 file 地址，这个地址替换项目中 android/gradle/wrapper/gradle-wrapper.properties 里面的 distributionUrl 注意加转义字符
10. iOS 真机调试以上技巧 0.57.7 版本好使 0.58 不行 报不支持 arm64 的错。真机调试安装到 iPhone 之后 不用改 RCTWebSocketExecutor.m文件的 ip 地址依然能刷新修改后的代码。

RN 开发技巧

1. React-Native 指定模拟器 RUN-IOS react-native run-ios --simulator "iPhone 7”。
2. MAC 查看端口号被占用及杀死进程。使用命令 lsof -i:port 查看端口号被哪个应用占用，找到 PID(port 是端口号)，再使用命令 kill PID 结束应用(PID 是该应用的编号) 使用 lsof -i 命令可以查看所有进程.查看 mysql 的版本号:mysql -V

披荆斩棘 勇往直前

一些平常会用到的小技巧

JS

1. 限制输入两位小数并且只允许输入数字。
   1. <input v-mdel="a">
   2. 在 watch 里面监听 a：this.a = parseFloat(this.a.replace(/[^\d.]/g,"")).toFixed(2)
   3. <input type="text" onkeyup="this.value=this.value.toString().match(/^\d+(?:\.\d{0,2})?/)"/>
2. js 取两位小数 不要四舍五入或四舍五入的方法(toFixed)
   1. 四舍五入 var num=123456.789; var num1=num.toFixed(2) // 123456.79
   2. 不四舍五入var num2=num.toFixed(3); num2.substring(0,num2.lastIndexOf('.')+3) // 123456.78
3. js 导出表格 流转表格

总结一些可能不是经常用且容易忘的知识点

js

1. addEventListener()第三个参数的介绍和使用
   给一个 dom 对象添加监听事件addEventListener("click",function(){},true);，第一个参数是事件类型，第二个参数是事件函数，第三个参数是 是否是冒泡或者捕获阶段触发，冒泡时触发就是 false，捕获时触发就是 true。
   参考资料 1
   参考资料 2

构建基本完善的项目结构