阅读 1217

(04)做一次山大王,让操作系统乖得像只小绵羊——命令行入门 | Web 前置知识

原创:itsOli  @前端一万小时

本文首发于公众号「前端一万小时」

本文版权归作者所有,未经授权,请勿转载!

本文节选自“语雀”私有付费专栏「前端一万小时 | 从零基础到轻松就业」
复制代码

2020.08.13 更新:
以下链接为本文最新勘误篇章——《做一次山大王,让操作系统乖得像只小绵羊——命令行入门》


1. 以下哪个应用能输入并执行命令行(多选)
  ✅ Linux 下的终端
  ✅ Mac 下的终端
  ✅ Windows 下的命令提示符
  ✅ Windows 安装 GitBash
  ❌ Windows 下的记事本

2. 查看当前完整路径的命令是
  ❌ la -al
  ❌ la -a
  ❌ dir
  ✅ pwd

3. 详细展示当前文件夹下的所有文件的信息用什么命令?(包括隐藏文件)
  ❌ list
  ✅ ls -al
  ❌ ls -l
  ❌ dir

4.cd ~ 和 cd / 的区别,说法正确的是?
  ✅ cd /,切换到根目录,Mac 下是 / 目录
  ✅ cd ~,切换到家目录,比如 Mac 下是 /Users/Oli, 其中 Oli 是登录用户名
  ✅ cd ~,切换到家目录,比如 Windows 下是 C:/Users/Oli, Oli 是登录用户名
  ❌ cd ~,切换到家目录,Windows 下是 C 盘根目录

5.切换到上级目录的命令是什么?
  ❌ cd..
  ❌ cd .
  ✅ cd ..
  ❌ CD ..
  ❌ cd ~
  ✅ cd ../ 

6.终端有如下提示信息:
    -bash: cd..: command not found
  你觉得原因是什么?
  ❌ 没毛病
  ✅ 用户本想输出 cd .. 命令切换到上一级,无奈太粗心中间少了个空格
  ✅ bash 提示用户,你的命令不存在
  ❌ 终端坏了

7. 以下哪个是创建 a.md 文件的命令?
  ✅ touch a.md
  ❌ mk a.md
  ❌ mkdir a.md
  ❌ create a.md

8. 关于rm 命令与 rm -rf 的区别,说法正确的是?
  ✅ 前者可以删除文件,但不能删除文件夹
  ❌ 后者可以删除文件,但不能删除文件夹
  ❌ 后者可以删除空文件夹,但不能删除有内容的文件夹
  ✅ 后者可以删除文件和文件夹,不论文件夹内是否为空,并且删除不可恢复

9. 打开 vim 编辑器后,发现无法输入内容,此时可以按下?
  ✅ i 用来插入内容
  ✅ a 用来插入内容
  ❌ 回车用来插入内容
  ❌ esc 用来切换到编辑态
复制代码


前言: 在上一篇《从零基础到轻松就业 | 工欲善其事,必先利其器——软件安装、环境搭建》中,我们完成了基本软件的安装以及初步的环境搭建,那接下来让我们尝试着来对我们的操作系统下下命令,尝试着不用鼠标也可以快速完成很多操作。

当然,这也是我们后边开发过程中与后台服务器对话的必备技能。


1 首先需要注意的

  • 命令行是需要区分字母的大小写的;

  • 空格一定不能忘记,不能省略;

  • 分清命令,不要多个命令当一个命令来用。


2 基本命令学习

打开对应系统的终端——具体方法见《从零基础到轻松就业 | 初次接触前端,我们要理解哪些名词?》

2.1 查看当前完整路径

pwd
复制代码

2.2 查看当前目录下文件

  • 不包含隐藏文件:
ls
复制代码
  • 查看当前目录下所有文件(包括隐藏文件):
ls -a

(注:所谓隐藏文件夹就是以 . 开头的文件)
复制代码
  • 查看当前目录下所有文件(包括隐藏文件的详细信息):
ls -al
复制代码

2.3 切换目录

  • 直接给一个绝对路径到文件位置:
cd /c/project
复制代码
  • 到当前文件夹下的 code:
cd code

或

cd ./code 

(注:. 代表本级目录)
复制代码
  • 跳转到上一级文件夹再到 CSS 文件:
cd ../css

(注:..代表上级目录)
复制代码
  • 跳转到家目录后再到 Desktop :
cd ~/Desktop
复制代码

2.4 创建文件

touch readme.md

(注:这里的例子是指创建一个 Markdown 文件)
复制代码

2.5 创建文件夹

mkdir projects

(记忆:mkdir 是“make directory——创建目录”的缩写)
复制代码

2.6 删除文件

rm readme.md
复制代码

2.7 彻底删除文件夹

rm -rf projects

💡解释:
 -r 就是向下递归,不管有多少级目录,一并删除。
 -f 就是直接强行删除,不作任何提示的意思。
复制代码

2.8 重命名文件

mv readme.md README.md 

(记忆:mv 中的 m 是 move 的简写,把一个名字移动到另一个名字上,就是重命名)
复制代码

2.9 清空命令行

clear
复制代码

3 文件路径操作命令学习——根目录、家目录

3.1 进入根目录

cd /
复制代码

3.2 进入家目录

cd ~
复制代码

💡解释:

  • 家目录就是你当前用户(名)所创建的目录;

  • 根目录就是 Linux 创建的目录;

  • 一般我们登陆进去都是在我们自己用户名所在的目录——家目录;

  • 根目录就相当于 Windows 打开计算机,而没有进入任何盘符的时候;

  • 家目录可以看成是在上边的基础上进入了某个盘符。


4 Vim 编辑器

我们讲到 Linux 命令行时,就不得不提到 vim 编辑器。我们系统自带或额外安装的终端里边都包含有一个 vim 编辑器。

4.1 vim 编辑器可以简单的分为

  • 命令模式

  • 编辑模式

4.2 vim 编辑器使用步骤

1.  vim a.md 初始进入 vim 编辑器命令模式;
    (注:这里打开你需要打开书写的文件)
2.  i 或 a 进入编辑模式;
    (注:进入编辑模式后可以写入文字、代码等)


1.  键盘左上角 esc 进入命令模式;
    (注:这里要点击 esc 进入命令模式的前提是你在半角模式下——英文输入模式)
2.  :wq 保存退出;
    (记忆:wq 是 write 写入、quit 退出的缩写)
3.  :q! 不保存强制退出。
复制代码


后记: 命令行的学习和使用会贯穿在我们整个前端学习、工作生涯中,我们要以最基本的命令为起点去发散学习更多更复杂的命令。可以参考《鸟哥的 Linux 私房菜》一书,细水流长的去学习。学无止境,前端值得你我用后边的 10000 小时来对待。

祝好,qdywxs ♥ you!