前端必备的25个CLI命令行

命令行可以说是程序员的基本功，但是记起来颇为费力，有些命令只是偶尔用了几次就忘记了，本文就来总结一下对于前端来说的必备25个命令行，方便大家一起复习。

PS：不会写的特别全，主要是平时用的多的或比较重要的，部分实测图都是Centos下的

开发必备

磁盘

ls

全拼：list directory contents

显示指定目录下的所有文件，不指定就是当前目录

s*：s开头的所有文件

-a：显示所有文件，包括.开头的文件（默认不可见）

-l ：额外显示文件形态、权限、拥有者、文件大小、修改时间等

cd

全拼：change directory

切换当前工作目录

pwd

全拼：print work directory

打印当前工作目录的绝对路径

mkdir

全拼：make directory

创建一个空的目录

-p： 创建project2时，parent目录不存在就创建（不加的话，原本存在会报错）

rmdir

全拼：remove directory

删除指定目录

-p: 删除project2后，parent目录为空目录就一并删除

tree

树状图列出当前目录下的所有结构

-a：类似ls的-a，显示全部内容

-t：按照内容更改时间排序

df

全拼：disk free

磁盘的使用情况

-h：增加可读性，有一些单位自动转换

–total：增加一行显示全部磁盘情况

du

全拼：disk usage

查看指定目录或文件的所占的磁盘空间

-h同上df

–max-depth=：指定层级最大深度，num填数字

用来查看node_modules的占用情况很方便

文件操作

touch

修改文件或目录的时间属性

touch本来是用来修改时间的，但是用的最多的还是新建文件

rm

全拼：remove

删除文件或目录

-r：recursive 递归删除所有层级内容

-f：无需逐一询问确认，强制删除

find

对指定目录查找文件，参数前为指定目录

-name：可指定所有关键词

-ctime：最近多少天内修改的文件列出

-exec：对筛选出的文件进行下一步操作

cp

全拼：copy

复制文件或目录

-r：如果是目录，可以递归所有的内容一并复制

mv

全拼：move

移动文件或目录

chmod

全拼：change mode

修改文件权限

754含义看下图：

\

查看编辑类

cat

全拼：concatenate

用于打印指定文件内容到标准输出

第一个命令用来简单看日志

第二个可以清空main.js文件内容

tail

把文件最尾部的内容显示出来

第一个是默认显示10条尾部日志

-f：实时查看内容

-n：指定总行数

vim

编辑神器的打开命令，搭配快捷键食用更香：

cenalulu.github.io/linux/all-v…

grep

查看文件里符合条件的字符串

一般会和其他命令联合管道符一起使用

进程

ps

全拼：process status

显示当前进程的状态

-ef：显示所有命令的全格式

-aux：显示所有命令的详细信息（包括其他用户的）

top

实时显示所有进程的动态，内容还是比较全的

-d：更新周期，秒为单位

kill

删除工作中的文件或进程

1：重启进程

9：杀死进程

15：正常停止进程

网络

ping

用于检测主机连接

ssh

全拼：Secure SHell

用于登录远程主机

需要拼接用户名和IP或host

scp

全拼：secure copy

基于ssh的安全文件拷贝，主要是机器之间的文件传输

第一个是远程下载文件到本地

第二个是本地传输文件到远程机器

前端模块包

npx

全拼：node package execute

可以不用事先下载node_modules也可执行bin命令

比如上面就是创建react项目，eslint检查，tsc转换

在Touchbar上加命令行

我平时开发用的命令行工具是ITerm，所以这里也分享一个小技巧，可以把一些特定的命令行设置进ITerm环境下的Touchbar里

首先，打开ITerm的设置选项

找到Keys这一栏，然后点击右下角Add Touch Bar Item按钮

然后第一个输入框输入Touchbar上按钮的名字，第二个选Send Text with "vim" Special Chars，第三个就是你实际的命令，需要加\n作为回车键，最后保存。

这时候再进入View -> Customer Touch Bar内自定义按钮，拖拽想要的按钮到Touch Bar上就完成了，实测非常方便。

最后

最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。

有需要的小伙伴，可以点击下方卡片领取，无偿分享