前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >打造前端MAC工作站(五)让我们熟悉一下 MAC 命令行吧!

打造前端MAC工作站(五)让我们熟悉一下 MAC 命令行吧!

作者头像
FungLeo
发布2018-01-08 14:51:35
1.3K0
发布2018-01-08 14:51:35
举报

打造前端MAC工作站(五)让我们熟悉一下 MAC 命令行吧!

前言

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

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

学习命令行的好处如下:

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

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

打开终端工具,输入下面的命令:

代码语言:javascript
复制
find / *

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

ctrl+c 结束运行

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

安装 iTerm2 工具

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

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

brew安装命令如下:

代码语言:javascript
复制
brew install Caskroom/cask/iterm2

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

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

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

下面是常用的文件目录

目录

说明

备注

~

个人文件夹

真实路径 /Users/YouName/

/

根目录

你电脑中所有的文件,均在此文件夹下面,忘记C盘之类的概念吧,那个概念非常傻

/Applications

软件安装目录

你的所有的软件,均安装在这个文件夹下面

/Volumes

硬盘挂载目录

你的系统硬盘,以及你插在电脑上的u盘或者移动硬盘,或者虚拟的光驱盘,都在这个文件夹下面

/其他目录

-

如果你明确知道你在干嘛,否则不要去其他目录玩儿

进入到某个文件夹

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

代码语言:javascript
复制
cd ~/Downloads/

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

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

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

代码语言:javascript
复制
cd ~/Downloads/
ls

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

代码语言:javascript
复制
// 查看包含隐藏文件在内的所有文件
ls -a
// 以更详细的方式查看所有文件
ls -l
// 以更详细的方式查看包含隐藏文件在内的所有文件
ls -al

创建一个文件夹

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

代码语言:javascript
复制
cd ~/Downloads/
mkdir love

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

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

代码语言:javascript
复制
mkdir make love

就能创建 makelove两个文件夹

创建一个文件

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

代码语言:javascript
复制
cd ~/Downloads/love
touch index.html

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

代码语言:javascript
复制
touch index.html style.css common.js

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

touch 是创建一个文件的意思

移动一个文件

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

代码语言:javascript
复制
cd ~/Downloads/love
mkdir style
mv style.css style/

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

mv 是移动文件的意思

重命名一个文件

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

代码语言:javascript
复制
cd ~/Downloads/love
mv style/ css

即可完成

打开一个文件

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

代码语言:javascript
复制
cd ~/Downloads/love
open index.html

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

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

删除一个文件

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

代码语言:javascript
复制
cd ~/Downloads/love
rm index.html

就可以删除了。

rm 是删除文件的意思

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

删除一个文件夹

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

代码语言:javascript
复制
cd ~/Downloads/
rm -rf love

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

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

返回上一级目录

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

代码语言:javascript
复制
cd ../

如果你需要返回两级就是

代码语言:javascript
复制
cd ../../

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

跳转回刚刚的那个目录

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

代码语言:javascript
复制
cd -

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

查看当前你在哪个目录中

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

代码语言:javascript
复制
pwd

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

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

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

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

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

代码语言:javascript
复制
cd ~/A

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

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

代码语言:javascript
复制
cd ~/D

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

代码语言:javascript
复制
cd ~/Dow

然后再按tab键就好了。

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

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

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

代码语言:javascript
复制
// 快速跳转到命令的开头
ctrl + a
// 快速跳转到命令的结尾
ctrl + e

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

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

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

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

先从简单的学起!

用vim进入(或创建)一个文件

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

代码语言:javascript
复制
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下面的命令行,因为第一是弱鸡,第二,格式要求比较死。

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

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

最后,祝大家学习愉快!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-02-28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 打造前端MAC工作站(五)让我们熟悉一下 MAC 命令行吧!
    • 前言
      • 安装 iTerm2 工具
        • 进入不同的文件夹,以及一些简单的文件操作
          • 进入到某个文件夹
          • 查看文件夹下面有哪些文件
          • 创建一个文件夹
          • 创建一个文件
          • 移动一个文件
          • 重命名一个文件
          • 打开一个文件
          • 删除一个文件
          • 删除一个文件夹
          • 返回上一级目录
          • 跳转回刚刚的那个目录
          • 查看当前你在哪个目录中
          • 让我们的命令更方便的 TAB 键
          • 快速跳转到命令行的开头或者结尾
        • 世界上最牛逼的文本编辑器 VIM
          • 用vim进入(或创建)一个文件
          • 理解vim两种模式
          • 保存或者退出编辑
          • 更多VIM学习资料
        • 小结
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档