周一同学Zelina🌱 序言
在实际的开发中，开发环境的工具使用，能直观的体现出某个人的工作产出效率。因此，在面试中，面试官也会经常问到关于 git 、 linux 等常见的一些面试题。所以，了解相关方面的知识点也是很有必要滴~
那么在下面的这篇文章中，将讲解一些比较常见的开发环境下的知识点，以供大家备试使用。
一起来学习吧~🌱
🌲 一、git
1、为什么要使用 git?
- 最常用的代码版本管理工具；
- 大型项目需要多人协作开发，必须熟用
git； - 如果你知道
git或者之前不用git，很难通过面试； Mac OS自带git命令，windows可去官网下载；git服务端常见的有github、coding.net等；- 大公司会搭建自己的内网
git服务。
2、常用的 git 命令
| 命令 | 用途 |
|---|---|
| git init | 初始化一个仓库 |
| git clone | 克隆项目 |
| git add . | 把所有文件添加上。如果后面有文件名，则只把该文件参加上 |
| git status | 随时掌握工作区的状态 |
| git diff | 如果 Git status 告诉你有文件被修改过，用 git diff 可以查看修改内容 |
| git commit -m "xxx" | 提交一行记录 |
| git push origin master | 提交到服务端 |
| git pull origin master | 从服务端拉代码下来 |
| git branch xxx | 创建新分支，每个人都需要有自己的分支，互不干扰 |
| git checkout -b xxx / git checkout xxx | 切换分支 |
| git merge xxx | 做完之后要把主分支合并 |
| git stash | 把写错的代码先放一边，之后切换分支再放上去 |
| git log | 穿梭前，用 git log 可以查看提交历史，以便确定要回退到哪个版本 |
| git reflog | 要重返未来，用 git reflog 查看命令历史，以便确定要回到未来的哪个版本。 |
| git log --graph | 可以看到分支合并图 |
3、git 提交规范
下面用一张图来了解下平常我们在提交代码时， git 的一些规范。具体如下图：
🌳 二、Chrome 调试工具
- Elements
- Network
- Console
- Application
- debugger
- 查看内存泄漏等等
🌴 三、抓包
1、抓包工具
- 移动端
h5页，查看网络请求，需要用工具抓包； windows一般用fiddler抓包；Mac OS一般用charles来进行抓包。
2、抓包过程
- 手机和电脑连接同一个局域网；
- 将手机代理到电脑上；
- 手机浏览网页，即可抓包；
- 查看网络请求；
- 网址代理；
https。
🌾 四、linux 常用命令
1、为什么要用 linux？
- 公司的线上机器一般都是
linux（比如阿里云）； - 测试机也需要保持使用一致的
linux； - 测试机或者线上机出了问题，本地又不能复现，需要去排查（比如，别人的手机没有问题，另外一个人的手机出现问题，本地环境又不能看是什么错误，这个时候就一定一定要去排查）。
2、linux 常用命令
如下表格：
| 命令 | 含义 |
|---|---|
| ssh 用户名@ip 地址，如 ssh root@192.168.10.21 | 登录 linux 的线上机或者测试机 |
| ls | 查看当前文件目录下的所有文件夹 |
| ls -a | 把隐藏文件夹也一并显示出来 |
| ll | ls 是平铺看文件，ll 是以列表的形式查看所有文件（包括隐藏文件） |
| clear | 清空屏幕 |
| mkdir 文件名，如 mkdir abc | 创建文件夹 |
| rm 文件名 | 删除文件 |
| rm -rf 文件名，如 rm -rf abc | 删除文件夹 |
| mv 旧文件名 新文件名，如 mv index.html index1.html | 修改文件 index.html 的名字为 index1.html |
| tab 键 | 对单词进行填满 |
| cd ../ | 回到上级目录 |
| cp 文件名 1 文件名 2，如 cp a.js b.js | 拷贝一份 a.js，新拷贝的文件命名为 b.js |
| touch 文件名，如 touch b.js | 建立一个空文件 |
| vi 文件名 | 往文件里面添加内容， |
| vim 文件名 | 往文件里面添加内容，通过 i 键进入编写，es 键退出编写，:w 进行保存，:q!强制退出 |
| vimtutor | 查看 vim 的教程 |
| cat 文件名 | 打印出该文件的所有内容 |
| head 文件名 | 打印出前面几行 |
| tail 文件名 | 打印出最后几行 |
| grep “关键字” 文件名，如 grep “babel” package.json | 查询某个文件里面包含关键字的内容 |
🌿 五、结束语
以上文章讲解了在面试中一些常考的开发环境知识，对于前端的面试来说，开发环境相关的内容考察的相对比较少，所以大家可以通过本文做一个简单的了解。
到这里，关于开发环境的一些常见知识讲到这里就结束啦！希望对大家有帮助~