日常小记

 

常见问题

• Mac常用命令

  • chromec浏览器打开控制台：command + option + i
  • 新建 iTerm 窗口：command + t
  • Mac 锁屏：command + control + q
  • vscode 设置shell code 命令 command + shift + P
  • vscode 中在打开项目文件夹 code .

• Git

  • chmod 755 ./bin/smarter-env
  • windows 查看 git 远程库路径：$ cat .git/config或$ git remote -v。
  • git commit + 回车进入详细编辑页：适用于描述信息过多时
  • 本地项目提交gitHub: 
    1、新建一个远程仓库输入仓库名称 
    2、选择https上传方式 
    3、git bash 下输入git init / git add . / git commit -m'描述' 
    4、git bash下输入git remote add origin https://github.com/username/projectName.git 
    5、关联远程库 git push -u origin master
  • 删除文件目录:rm -rf node_modules
  • 建立预览地址步骤： 
    1、git checkout -b gh-pages 
    2、git push -u origin gh-pages 
    3、删除分支gitignore中的dist 
    4、分支上面npm run build 
    5、同步远程分支仓库 
    6、到github setting里面GitHub Pages找到生成的预览地址，把地址放到描述的website里面 注意：在这里需要修改config文件夹下面index.js中build.assetsPublicPath为./，否则页面加载不出来
  • 删除git远程和本地分支：查看远程分支$ git branch -a;删除远程分支$ git push origin --delete <branchName>或推送一个空分支到远程，相当于删除$ git push origin :<branchName>。删除本地分支 $ git branch -D <branchName>;从本地版本库中去除git remote prune origin。
  • 从远程某个分支建立本地分支$ git checkout -b <localName> <tagName比如origin/dev2>; 查看关联关系$ git branch -vv
  • $ git log后按Q键结束该命令，Ctrl+C不可以。
  • $ git stash 备份当前的工作区的内容，从最近的一次提交中读取相关内容，让工作区保证和上次提交的内容一致。同时，将当前的工作区内容保存到Git栈中。$ git stash list 显示Git栈内的所有备份，可以利用这个列表来决定从那个地方恢复 $ git stash apply 开启最近的一次备份。
  • 合并分支：$ git checkout <name:合并到的分支名称> $ git merge <name:要合并的分支>。
  • git remote prune origin更新远程分支信息。
  • 本地分支和并远程分支步骤： 
    1、远程分支先pull拉去更新代码 
    2、切到本地分支上执行git rebase <远程分支名称>，将更新同步到本地分支。 
    3、切到远程分支合并本地分支git merge <本地分支> 
    4、远程分支push
  • git reflog 然后 git reset a68d92c

• Vue

  • 引入组件方式：@/conponents/name:webpack编译，@相当于src；./components/name：常见引用方式
  • 使用npm+webpack+vue-cli脚手架创建项目步骤： 
    1、安装node，官网下载node，傻瓜式安装，cmd中node -v查看是否安装成功，node自带npm包管理工具，npm -v查看是否安装成功 
    2、安装淘宝镜像 npm install -g cnpm --registry= https://registry.npm.taobao.org安装完成后使用cnpm -v检查是否成功 
    3、安装webpack,npm install webpack -g,验证是否安装成功webpack -v 
    4、安装vue-cli脚手架构建工具，npm install vue-cli -g,验证是否安装成功vue -V 
    5、在硬盘新建文件夹用于放工程：cd到该文件夹或Git Bash Here 6、新建项目vue init webpack projectName 
    6、安装vue-router和网络请求模块vue-resource:cnpm install vue-router vue-resource --save
  • 新建简单vue项目： 
    1、新建文件夹 
    2、npm init生成package.json文件 
    3、npm install webpack vue vue-loader 
    4、安装相关依赖npm install css-loader vue-template-compiler 
    5、新建src文件夹，在src文件夹下新建.vue文件

• React

  • 新建react项目： 
    1、首先安装npm install -g create-react-app 
    2、create-react-app <项目名称> 
    3、cd 到项目里边 
    4、npm start 启动项目
  • 高阶组件higherOrderComponent(OldComponent)是一个函数，传给它一个组件，它返回一个新的组件，作用就是组件之间的代码复用。
  • Redux 和 React-redux，不是同一个东西。Redux 是一种架构模式（Flux 架构的一种变种），可以和 React、Vue 甚至是 jQuery 结合。React-redux 就是把 Redux 这种架构模式和 React.js 结合起来的一个库，就是 Redux 架构在 React.js 中的体现。
  • reducer文件： 
    1、定义action types 
    2、编写reducer 
    3、跟这个reducer相关的action creators

• NPM

  • $ npm install <packageName> --force会强制安装该模块；$ npm update <packageName>会远程仓库查询最新版本。然后查询本地版本，如果本地版本不存在或者远程版本较新，就会安装；更直接的方式是删除node_modules文件夹和package-lock.json文件，重新执行$ npm install。
  • 依赖包对应版本内容有3种方式： 
    1、指定版本。比如1.2.2，遵循“大版本.次要版本.小版本”的格式规定，安装时只安装制定版本。 
    2、波浪号（~）+ 制定版本。比如 ~1.2.2，表示安装1.2.x的最新版，安装时不改变大版本号和次要版本号。 
    3、插入号（^）+ 指定版本。比如^1.2.2，表示安装1.x.x的最新版本，也就是说安装时不改变大版本号。需要注意的是，如果大版本号为0，则插入号的行为与波浪号相同，这是因为此时处于开发阶段，即使是次要版本号变动，也可能带来程序的不兼容。 
    4、latest。安装最新版本，不常用，因为大版本变更的话，可能会删除之前的API，兼容性不佳，会对项目造成影响。
  • npm run cp用于冰箱项目master下执行，为了同步到online-fridge
  • npm version patch 此命令会把package.json的version更新到0.02 
    然后执行npm publish就可以更新到npm了

• 其他

  • 安装eslint:npm i -g eslint-g,产生vue的eslint配置文件:esg -r vue
  • 配置hosts路径windows/system32/drivers/etc/hosts
  • npm run deploy生成dist文件，然后npm run upload上传代码到49服务器
  • 安装反向代理步骤： 
    1、npm i -g nproxy 
    2、浏览器安装SwitchyOmega配置ip 127.0.0.1地址,端口号8989 
    3、新建文件夹，里面新建 replace_rule.js 文件，这里面用于写规则，pattern 表示要替换的文件名称， responder 表示替换的文件地址 
    4、执行nproxy -l replace_rule.js
  • J-one构建流程：首先点击进入要构建的项目，点击开始构建，点击自测，输入自测内容，然后选择自动部署中的预发分组，在弹框里面勾选项目，最后点击发布。

• Mac下配置host

  • 首先打开 item，输入sudo vim /etc/hosts，输入电脑密码进入 host 文件；
  • 点击 i 进入编辑状态，修改 host 文件；
  • 修改后点击 esc 退出编辑状态；
  • :wq保存并退出 vim。

• 电脑连接安卓设备配置设备host

  • brew cask install android-platform-tools //安装adb
  • adb devices //List of devices attached 查看设备
  • adb root //restarting adbd as root 以root身份重启adb
  • adb remount //重新挂载
  • adb shell //进入所连设备的shell环境
  • cat /etc/hosts //查看hosts文件
  • exit //推出shell环境
  • adb pull /etc/hosts ./ //把设备内的hosts文件拉取代本地当前目录
  • vi hosts //编辑hosts文件
  • adb push hosts /etc/ //把修改好的hosts文件push到所连接的设备
  • ping static.360buyimg.com //检测网络环境
  • chrome://inspect //浏览器中连接console控制台
  • 强制退出设备设置页面 adb shell am start -W -n com.jd.smart.fridge.launcher/.activity.MainPageNewActivity 或 adb shell am force-stop com.android.settings
• 启动一个静态资源服务：python -m SimpleHTTPServer 或 安装npm install http-server -g，在项目里执行http-server