前端必备的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个技巧》。内容比较详实,对各个知识点的讲解也十分到位。



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

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值