Mac iterm2的快捷命令设置(抛弃sourcetree,快速启动vue)
前言
本人用mac开发,git命令等都是在iterm2里敲的,而且启动vue项目的命令也都是在这里,所以懒得来回切换sourcetree,反正命令行能干的事情,我都在命令行敲了。
但是有些命令很长,例如:npm run dev、git checkout,
so,今天文章的目的就是手把手教你在终端自定义快捷命令,到时候直接一个“r”就能等于npm run dev,反正超爽的就对了
步骤
一、查看mac当前的shell,并切换到bash
mac默认的shell是bash,当然也有人可能切换到了zsh,可能zsh比较漂亮吧,但是我自己搭配的bash已经够好看了,教程是根据bash来的,所以,你要切换shell到bash
1.查看当前shell: echo $SHELL,如果是bash请忽略第二步
2.切换shell为bash: chsh -s /bin/bash,然后**退出iterm2**再打开就行了
(你想切换回zsh就执行chsh -s /bin/zsh)
二、修改/etc/profile
每次打开终端都会先执行/etc/profile里的命令,但是这里面放的都是一些重要的命令,所以我们要把自己设置的快捷命令写到另一个专门的文件,(以下命令可能涉及到一些vim指令,有疑问的话百度下就可以)
1.打开/etc/profile: vim /etc/profile
2.按键盘 “i”键,进入编辑模式
3.最前边加上: source ~/.bashrc
4.按键盘 “esc”(取消键),然后按 “shift” + “:”键
5.输入“wq!”,回车
6.执行: source /etc/profile,生效
三、自定义快捷命令
哎妈呀,终于到了最后一步,别慌,你快成功了
1.执行: vi ~/.bashrc
2.按“i”进入编辑模式
3.输入: alias gb='git branch'(就按照这个格式去写别的命令就行了,alias 自定义的快捷命令='对应的命令全写')
4.按键盘 “esc”(取消键),然后按 “shift” + “:”键
5.输入“wq”,回车
6.执行: source ~/.bashrc
7.现在你直接执行gb,他就会执行git branch命令啦
到此,大功告成!!
四、建议
为了以后方便的编辑快捷命令,我们在上边第三步里的~/.bashrc文件里加上快捷命令:
alias reedit='vi ~/.bashrc'
alias reload='source ~/.bashrc'
reedit是快速进入配置快捷键
reload是将你修改的命令即刻生效
----分割线------
也支持同时执行多个命令,例如:
alias gac='git add . ; git commit -m' (两个命令间用“;”分开)
执行gac就相当于执行了 git add . 和 git commit -m
贴一下我配置的快捷命令,可以参考:
alias c='clear'
alias r='npm run dev'
alias rb='npm run build'
alias ll='ls -l'
alias gpl='git pull origin'
alias gb='git branch'
alias gs='git status'
alias ga='git add .'
alias gf='git fetch'
alias gac='git add . ; git commit -m'
alias cmv='cd /Users/dashixiong/VueProject'
大家有没有关于mac使用上的好建议,好方法,大家一起交流交流哈
推荐阅读
mpvue写小程序遇到的问题总结(自己用mpvue实现一个小程序的tabbar,vantUi的使用)
公司要开发一个小程序,面向用户分为3种角色,所以要自己手写个tabbar(文章编辑中,届时将链接放过来)因为也是时隔很久写小程序,就选择了跟vue相近的mpvue来写,或多或少也遇到了点问题,现总结一下。
大师兄赞 5阅读 5.4k评论 4
ESlint + Stylelint + VSCode自动格式化代码(2023)
安装插件 ESLint,然后 File -> Preference-> Settings(如果装了中文插件包应该是 文件 -> 选项 -> 设置),搜索 eslint,点击 Edit in setting.json
谭光志赞 34阅读 20.7k评论 9
vue UI框架比较
最好基于vue2.0PC端:因为用过的是饿了么UI,所以比较以饿了么UI为基础element UI 饿了么UI支持vue2.x80分优点:组件的API方法、属性等封装的较为完善缺点:样式有些生硬,不够炫酷美观N3 N3支持vue2.x70分优点:...
chinawzc赞 22阅读 39.8k评论 17
【已结束】SegmentFault 思否写作挑战赛!
SegmentFault 思否写作挑战赛 是思否社区新上线的系列社区活动在 2 月 8 日 正式面向社区所有用户开启;挑战赛中包含多个可供作者选择的热门技术方向,根据挑战难度分为多个等级,快来参与挑战,向更好的自己前进!
SegmentFault思否赞 20阅读 5.6k评论 10
Vue2 导出excel
2020-07-15更新 excel导出安装 {代码...} src文件夹下新建一个libs文件夹,新建一个excel.js {代码...} vue页面中使用 {代码...} ===========================以下为早期的文章今天在开发的过程中需要做一个Vue的...
原谅我一生不羁放歌搞文艺赞 14阅读 20k评论 9
用了那么久的 SVG,你还没有入门吗?
其实在大部分的项目中都有 直接 或 间接 使用到 SVG 和 Canvas,但是在大多数时候我们只是选择 简单了解 或 直接跳过,这有问题吗?没有问题,毕竟砖还是要搬的!
熊的猫赞 17阅读 1.6k评论 2
嘿,vue中keep-alive有个「大坑」你可能还不知道
背景是这样的,我们使用vue2开发一个在线客服使用的IM应用,基本布局是左边是访客列表,右边是访客对话,为了让对话加载更友好,我们将对话的路由使用<keep-alive>缓存起来。但是如果将所有对话都缓存,未...
wuwhs赞 12阅读 2.6k
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。