「面試專欄」前端面試之開發環境篇

• 🌱序言
• 🌲一、git
• • 1、為什么要使用git?
  • 2、常用的git命令
  • 3、git提交規范
• 🌳 二、Chrome調試工具
• 🌴三、抓包
• • 1、抓包工具
  • 2、抓包過程
• 🌾四、linux 常用命令
• • 1、為什么要用linux？
  • 2、linux常用命令
• 🌿五、結束語
• 🐣彩蛋 One More Thing
• • 🏷?pdf內容獲取
  • 🏷?更新地址
  • 🏷?番外篇

🌱序言

在實際的開發中，開發環境的工具使用，能直觀的體現出某個人的工作產出效率。因此，在面試中，面試官也會經常問到關于 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	查詢某個文件里面包含關鍵字的內容

🌿五、結束語

以上文章講解了在面試中一些?？嫉拈_發環境知識，對于前端的面試來說，開發環境相關的內容考察的相對比較少，所以大家可以通過本文做一個簡單的了解。

到這里，關于開發環境的一些常見知識講到這里就結束啦！希望對大家有幫助~

🐣彩蛋 One More Thing

🏷?pdf內容獲取

👉 微信搜索 星期一研究室 并關注，回復關鍵詞 開發環境面試pdf 獲取相關 pdf 內容~

👉回復 面試大全pdf 可獲取全專欄內容！

🏷?更新地址

👉 offer來了面試專欄

🏷?番外篇

• 關注公眾號星期一研究室，第一時間關注優質文章，更多精選專欄待你解鎖~
• 如果這篇文章對你有用，記得留個腳印jio再走哦~
• 以上就是本文的全部內容！我們下期見！👋👋👋

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的「offer来了」浅谈前端面试中开发环境常考知识点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。