打造前端MAC工作站（五）让我们熟悉一下 MAC 命令行吧！

打造前端MAC工作站（五）让我们熟悉一下 MAC 命令行吧！

前言

对于初次基础mac或者linux的朋友来说，接收和使用命令行是一个比较困难的事情。但是，正如你只会中文而不懂英文，你所得到的世界是不完整的。如果你只使用图形界面而不使用命令行，那么你对电脑的世界也是不完整的。

而且随着node.js以及npm、webpack等工具成为我们前端工程师的日常工作的一部分，你不学习和使用命令行也是不可能的了。既然，你选择成为一名优秀的前端工程师的道路，那么，你很有必要学习一下命令行的操作。我相信，你会和我一样喜欢上命令行的。

学习命令行的好处如下：

1. 主流的工具均是命令行操作的，你不得不学习。
2. 让我们无缝的转换到linux的世界，那个世界更加美妙！
3. 如果你能熟练的使用命令行，对于你入职公司或者升职加薪都是一个加分项！
4. 真的比图形界面好用！非常方便快捷！
5. 装逼

好，学习命令行之前，我们先装个逼，快乐一下！

打开终端工具，输入下面的命令：

find / *

然后终端里面就会不断的出现各种字符，需要运行好一会儿呢！有没有一种黑客帝国中看字符雨的感觉！在不懂命令行的朋友面前执行这一句可是很装逼的呀！

按 ctrl+c 结束运行

切记，千万不要在懂的人面前运行这句代码！非常傻，非常傻，非常非常非常傻！

安装 iTerm2 工具

你可以使用MAC自带的终端工具。没有问题。不过我个人更加推荐iTerm2这个终端工具，支持多窗口，自带很好看的风格，我很喜欢。不过这个软件是英文的，不过这并不重要，因为我们极少去这个软件的参数。终端工具而已么。

你可以去官方网站下载安装，也可以通过brew进行安装。

brew安装命令如下：

brew install Caskroom/cask/iterm2

官方网站地址：http://iterm2.com/

进入不同的文件夹，以及一些简单的文件操作

我们打开终端，可以默认我们在 ~ 这个文件夹下面。 ~ 这个路径代表是在我们的用户所属的文件夹。一般，我们的所有操作都是在这个文件夹下面的。超出这个文件夹的，都是系统文件夹。

下面是常用的文件目录

目录	说明	备注
~	个人文件夹	真实路径 /Users/YouName/
/	根目录	你电脑中所有的文件，均在此文件夹下面，忘记C盘之类的概念吧，那个概念非常傻
/Applications	软件安装目录	你的所有的软件，均安装在这个文件夹下面
/Volumes	硬盘挂载目录	你的系统硬盘，以及你插在电脑上的u盘或者移动硬盘，或者虚拟的光驱盘，都在这个文件夹下面
/其他目录	-	如果你明确知道你在干嘛，否则不要去其他目录玩儿

进入到某个文件夹

比如，我们要进入到 ~/Downloads/文件夹，也就是我们的下载文件的目录，则需要在命令行中输入

cd ~/Downloads/

cd 不是指光盘的意思，而是指移动到某个目录的意思。

查看文件夹下面有哪些文件

比如，我们要查看~/Downloads/文件夹下有哪些文件，命令如下：

cd ~/Downloads/
ls

ls 就是查看当前文件夹下面有哪些文件的命令。这个命令还可以配上参数，如：

// 查看包含隐藏文件在内的所有文件
ls -a
// 以更详细的方式查看所有文件
ls -l
// 以更详细的方式查看包含隐藏文件在内的所有文件
ls -al

创建一个文件夹

比如，我们要在~/Downloads/文件夹下面，创建一个love的文件夹，执行下面的命令

cd ~/Downloads/
mkdir love

mkdir 就是创建一个文件夹的意思

这里，我们也可以创建多个文件夹，例如

mkdir make love

就能创建 make和love两个文件夹

创建一个文件

比如，~/Downloads/love文件夹下面创建一个 index.html 这个文件，我们输入下面的命令

cd ~/Downloads/love
touch index.html

这里，我们可以创建多个文件，在一个命令中，如下：

touch index.html style.css common.js

就可以一次性创建三个文件了。

touch 是创建一个文件的意思

移动一个文件

比如，我们要在~/Downloads/love下面在创建了一个文件夹，style，并且要把style.css移动到这个目录去，我们执行下面的命令

cd ~/Downloads/love
mkdir style
mv style.css style/

这样，我们就把 style.css移动到style这个目录去了。

mv 是移动文件的意思

重命名一个文件

这里，我们需要注意的是，mac或者linux在底层是没有重命名这个概念的。所以，我们要借用上面的移动文件的那个命令。比如，我们要把 style这个目录重命名为 css 这个名字。进入下面的命令

cd ~/Downloads/love
mv style/ css

即可完成

打开一个文件

我们创建好了，希望用默认的工具打开这个文件，比如，我们想要用浏览器打开我们创建的index.html这个文件，则执行下面的命令：

cd ~/Downloads/love
open index.html

open 是打开一个文件的意思。

用这个命令打开一部电影看看也是小装逼的一件事情。

删除一个文件

好，我们要删除上面的index.html文件，需要什么命令呢？执行下面的命令即可

cd ~/Downloads/love
rm index.html

就可以删除了。

rm 是删除文件的意思

在linux还需要再确认一下，mac上好像就直接删除了。另外，rm命令删除，是无法通过回收站找回来的。所以，不要轻易执行这个命令，除非你准确的时候这个命令执行完成后的结果。有很多人吃了这个亏，希望你好运。

删除一个文件夹

当你尝试用rm命令删除文件夹的时候，会报错的。问题是，删除文件夹的时候需要配上点参数。举例如下：

cd ~/Downloads/
rm -rf love

通过这个命令，就可以删除掉 love 这个文件夹了。

-rf 是删除文件夹必须的参数哦！

返回上一级目录

返回上一级是比较简单的，执行下面的命令

cd ../

如果你需要返回两级就是

cd ../../

如果你需要返回N多级。。。。

跳转回刚刚的那个目录

因为你可以直接用cd命令，在两个毫无关联的文件夹中跳来跳去，每次输入那么长的文件名，是不是很扯？执行下面的命令吧！

cd -

这个命令可以让你在两个目录之间跳来跳去

查看当前你在哪个目录中

玩了半天，晕了吧？你如果想看自己当前所在哪个目录，执行下面的命令

pwd

别忘了回家的路，通过这个命令，就可以看到你在哪里了。

好，通过上面的命令，你已经可以在命令行里面进行简单的操作了。是不是不困难呢？

让我们的命令更方便的 TAB 键

tab是补全键，它可以补全我们的命令，以及文件夹的名字等等，善用TAB键，可以让你的操作变得异常的快。

比如，你想进入~文件夹下面的Applications目录，只需要输入

cd ~/A

然后按一下 tab 就补全出来了，回车就可以进入了哦！

如果你想进入 ~/Downloads 文件夹，你可以输入

cd ~/D

然后，你按一下 tab 键，没反应，再按一下，出来了好几个文件夹的名字，这说明当前目录下面有不止一个D开头的文件夹，所以就需要你输入长一点的了，比如：

cd ~/Dow

然后再按tab键就好了。

这个就是命令行比图形界面快的一个大利器！当你在眼花缭乱的一堆图标中找的时候，我已经可以进入18层目录了，呵呵。

快速跳转到命令行的开头或者结尾

当我们在快速的输入命令的时候，回头一看，一开始的参数好像错误了，这时候你傻傻的用鼠标去点击，希望把光标挪到那里，然后无情的现实给你残酷的打击，你是不是很灰心呢？然后用方向键慢慢的挪过去？不必，我们有快捷键的哦。

// 快速跳转到命令的开头
ctrl + a
// 快速跳转到命令的结尾
ctrl + e

通过这两个命令，就可以快速的在命令的开头和结尾之间跳来跳去了。

世界上最牛逼的文本编辑器 VIM

VIM 的牛逼是你无法理解的。初次接触这个编辑器你会觉得这是世界上最蠢的设计，简直是简直了！

不过为什么那么多人爱它呢？无奈的是，你基本上无法逃离这个让你感到自己十分愚蠢的编辑器。无论如何，还是得学习这个编辑器。

先从简单的学起！

用vim进入（或创建）一个文件

例如，在~/Downloads/love准备进入编辑index.html这个文件

cd ~/Downloads/love
vim index.html
// 或者
vim ~/Downloads/love/index.html

上面两个命令都是干这个事儿的，你用哪个命令取决于你感觉哪个方便。

恩，就这个命令就好了。

理解vim两种模式

命令模式

当你进入到这个文件的时候，你会发现你无法在上面打字。因为，当前模式是命令模式，是用来输入命令滴！

编辑模式

当你按下i键，就进入到了编辑模式了。然后你可以用方向键愉快的调整光标，然后，在需要的地方添加内容或者删除内容，进行简单的编辑了。

在编辑模式下，按esc键退出编辑模式，进入命令模式。

保存或者退出编辑

当你要退出的时候，先确保你在命令模式下面，你可以多按几次esc键。

然后按shift+:，进入输入命令模式，输入 wq 就可以保存并且退出了。

具体如下表

命令	解释
:w	保存
:q	退出
:q!	强制退出
:wq	保存，并且退出

更多VIM学习资料

好，如果你实在不喜欢VIM这个傻逼编辑器，那么你学习上面的内容就够用啦！反正这事儿也不是一天就能掌握的，倒不如就简单一点，掌握这么多就可以了。

但是如果你想彻底搞定VIM，建议阅读下面我转载的三篇文章：

【转载】世界上最牛的编辑器： Vim 3 (原创动图演示所有例子!)

【转载】世界上最牛的编辑器： Vim 2 (原创动图演示所有例子!)

【转载】世界上最牛的编辑器： Vim 1 (原创动图演示所有例子!)

小结

在MAC下熟练使用命令行后，你可以无缝的切换到LINUX下面去。但是如果你是一个LINUX高手，那么可能你会很不习惯MAC下面的命令行，因为第一是弱鸡，第二，格式要求比较死。

但是换言之，是不是一件好事情呢？你可以严格的掌握命令行的使用，对于学习来说，越严格越好不是么？

再者，当你遇到你想操作而不会的操作的时候，可以借助搜索引擎搜索一下这个命令是什么。只要找到了，多用几次就记住了。

最后，祝大家学习愉快！

本文由FungLeo原创，允许转载，但转载必须附注首发链接。谢谢。