17个有用的CLI命令,作为前端工程师,你需要知道一下

作为前端开发工程师 , 我们需要了解哪些命令?如果您熟悉这些命令,它们将大大提高您的工作效率 。

17个有用的CLI命令,作为前端工程师,你需要知道一下

文章插图
1. tree小伙伴们 , 你们知道如何列出一个目录的文件结构吗?
它在显示文件之间的目录关系方面做得很好,这真的很酷 。
commands├── a.js├── b.js├── c.js├── copy-Apps│└── fe-apps│└── a.js├── fe-apps│└── a.js├── test.log└── xxx└── yyy在此之前 , 您需要安装命令树 。
brew install tree然后只需在文件目录中执行tree即可 。
17个有用的CLI命令,作为前端工程师,你需要知道一下

文章插图
2.wc【17个有用的CLI命令,作为前端工程师,你需要知道一下】wc 是 word count 的缩写 , 常用于文件统计 。它可以统计字数、行数、字符数、字节数等 。
我经常用它来计算文件中的代码行数 。
17个有用的CLI命令,作为前端工程师,你需要知道一下

文章插图
3.du打印出一个目录的文件大小信息 。我们使用它的频率较低,但它是一个非常值得学习的命令 。
  • du -h:打印出适合人类阅读的信息 。
  • du -a:列出目录中文件大小的信息;
  • du -s:只显示总大?。?幌允揪咛逍畔?。
?commands git:(master) ? du0./xxx/yyy0./xxx0./fe-apps0./copy-apps/fe-apps0./copy-apps0./.git/objects/pack0./.git/objects/info0./.git/objects8./.git/info104./.git/hooks0./.git/refs/heads0./.git/refs/tags0./.git/refs136./.git168.?commands git:(master) ? du -h0B./xxx/yyy0B./xxx0B./fe-apps0B./copy-apps/fe-apps0B./copy-apps0B./.git/objects/pack0B./.git/objects/info0B./.git/objects4.0K./.git/info 52K./.git/hooks0B./.git/refs/heads0B./.git/refs/tags0B./.git/refs 68K./.git 84K.?commands git:(master) ? du -ha4.0K./a.js0B./xxx/yyy0B./xxx0B./fe-apps/a.js0B./fe-apps4.0K./test.log0B./copy-apps/fe-apps/a.js0B./copy-apps/fe-apps0B./copy-apps4.0K./c.js4.0K./.git/config0B./.git/objects/pack0B./.git/objects/info0B./.git/objects4.0K./.git/HEAD4.0K./.git/info/exclude4.0K./.git/info4.0K./.git/description4.0K./.git/hooks/commit-msg.sample8.0K./.git/hooks/pre-rebase.sample4.0K./.git/hooks/pre-commit.sample4.0K./.git/hooks/applypatch-msg.sample4.0K./.git/hooks/fsmonitor-watchman.sample4.0K./.git/hooks/pre-receive.sample4.0K./.git/hooks/prepare-commit-msg.sample4.0K./.git/hooks/post-update.sample4.0K./.git/hooks/pre-merge-commit.sample4.0K./.git/hooks/pre-applypatch.sample4.0K./.git/hooks/pre-push.sample4.0K./.git/hooks/update.sample 52K./.git/hooks0B./.git/refs/heads0B./.git/refs/tags0B./.git/refs 68K./.git4.0K./b.js 84K.
17个有用的CLI命令,作为前端工程师,你需要知道一下

文章插图
du -sh
17个有用的CLI命令,作为前端工程师,你需要知道一下

文章插图
4. aliasalias命令用于设置命令的别名 。如果您仅键入别名,将列出所有当前别名设置 。
17个有用的CLI命令,作为前端工程师,你需要知道一下

文章插图
让我们尝试为 git status 设置一个别名
alias gs="git status"
17个有用的CLI命令,作为前端工程师,你需要知道一下

文章插图
值得注意的是:如果你想让gs命令永久存在,你应该在.profile或.zshrc中设置它 。
5.grep我们经常需要查找服务器上日志文件的内容 , grep将是我们得心应手的帮手 。
有一个日志文件test.log 。它包含以下内容:
const a = 1const b = 2const c = 3console.log(a + b + c)如何突出显示包含 a 字符的位置?这很容易,不是吗?
grep a test.log
17个有用的CLI命令,作为前端工程师,你需要知道一下

文章插图
6.catcat 的主要用途是查看文件的内容并将其打印在屏幕上 。
但它至少还有一些其他用途 。
1.清除a.js的内容
?commands git:(master) ? cat a.js // There are two lines of code in a.jsconst a = 'fatfish'console.log(a)%?commands git:(master) ? cat /dev/null > a.js // clear the contents of a.js?commands git:(master) ? cat a.js // The content in a.js is cleared.?commands git:(master) ?
17个有用的CLI命令,作为前端工程师,你需要知道一下

文章插图
2.将a.js的内容复制到b.js?commands git:(master) ? cat a.jsconst name = 'fatfish'console.log(name)?commands git:(master) ? cat b.js // No content in b.js?commands git:(master) ? cat a.js > b.js // Copy the contents of a.js to b.js?commands git:(master) ? cat b.js // The content in b.js is the same as in a.jsconst name = 'fatfish'console.log(name)?commands git:(master) ? cat a.jsconst name = 'fatfish'console.log(name)


推荐阅读