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

本文推荐 PC 端阅读~

本文版权归 “公众号 | 前端一万小时” 所有,未经授权,请勿转载!
复制代码

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 小时来对待。

加油!

转载于:https://juejin.im/post/5ca4c1a66fb9a05e6538a315

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值