有段時間沒有更新內容，思前想後還是覺得應該整理分類文章，決定了接下來的文章思路。語文一直是比較差的，上學期間也都是勉強及格，所以可能可讀性較差，但會盡量通過一些別的方式提高可讀性，在漫長的文章路上提高自己的文筆。 **工欲善其事，必先利其器。** 作為一個合格的程式設計師，必須會使用一些工具，來使自己學習工作變得舒服流暢，從而給自己一個正反饋的效果。 程式設計師必會工具、外掛系列： - 程式碼編輯器； - 命令列命令； - 版本控制工具； - 瀏覽器除錯知識； - Markdown編輯器； - ... 所以該系列的文章主要是一些工具之類，讓自己碼的舒服。同時也希望讀者(主要是萌新小白)會有良好的編碼習慣，久而久之，敲程式碼將會變成一件令人愉悅的事情。 ## 程式碼編輯器 現在流行的程式碼編輯器有很多，我們應當是根據業務需求選擇語言，根據語言選擇編譯器。按道理來講，只要可以輸入文字就可以寫程式碼，起初人們就是使用記事本來寫程式碼的。但是不同編譯器的出現就是為了解決各種不方便的事情，使寫程式碼變得方便更高效，所以我們應當選擇合適的程式碼編輯器。 我使用的是**VScode+vim外掛**，所以放在第一個介紹，官網：[https://code.visualstudio.com/](https://code.visualstudio.com/)。VScode功能很豐富，可以自定義配置，同時下載不同的語言外掛，就可以使用不同的語言程式設計。  左側有檔案目錄，外掛，github連線，遠端程式設計，docker等功能，功能齊全。由於是自己使用，所以會再專門寫一篇文章介紹一些外掛及其使用。 **Vim和Emacs**是類Vi文字編輯器的兩個派系。Vim最大的優勢是它最常用的命令都是簡單的字元，比起組合控制鍵要快很多，極大程度減少了滑鼠的使用時間。Emacs也是著名的整合開發環境和文字編輯器，它的快捷鍵也很方便。 **jetbrains全家桶**，地址：[https://www.jetbrains.com/zh-cn/](https://www.jetbrains.com/zh-cn/)。不同的語言可以選擇不同的軟體，如最常用的java使用IDEA，Python使用PC（PyChram），go使用GoLand等。這裡就不得不diss一下某種用PyChram寫nodejs專案的行為。 **Visual Studio**，微軟整合開發環境，包括了整個軟體生命週期中所需要的大部分工具，如UML工具，程式碼管控工具等等。 還有其他很多的程式碼編輯器，如**sublime，Notepad**等，不多介紹，其他編輯器可以查閱文件資料使用。 ## 命令列命令 命令列命令有各種用途的，除了系統自帶的，還有很多專案通過命令列命令啟動，資料庫SQL語句等。 生活中Windows系統較多，開發中專案多在Linux系統中執行。不同作業系統的命令列命令也有差別。 我的電腦是win10系統，伺服器是Linux系統，而且在雲伺服器沒有介面，只有命令列，檢視伺服器效能空間等，全都需要使用命令列。 在Github新增work flow也需要使用Github Actions，在yaml檔案中新增命令列。 專案啟動命令如，`npm run dev`或者是`scrapy crawl`等。 ## 版本控制工具 版本控制工具的目的是為了**記錄和跟蹤專案中各檔案內容的修改變化**。使用版本控制工具，可以做資料備份，提高程式碼質量，提高多人開發時的效率，明確分工責任等。 **最常用的版本控制工具是Git**。Git是一個免費的開源分散式版本控制系統，旨在高效快速的處理從小型到大型專案的所有事務。使用GIt，可以將程式碼託管到遠端Github程式碼倉庫，十分的方便，這是一個程式設計師必須掌握的內容，同時也可以根據Github中的程式碼量來衡量一個人的工作經驗。 TortoiseSVN是一款集中式版本控制工具，採用分支管理系統的高效管理，簡而言之就是用於多個人共同開發一個專案，實現共享資源，實現最終集中式的管理。 ## 瀏覽器除錯知識 瀏覽器除錯針對web端應用，在瀏覽器中的**開發者工具**中。我使用的是Chrome瀏覽器，使用`Ctrl+Shift+i`進入開發者除錯面板。 開發者除錯有多個面板，如Element、Console、Network等，對應不同的內容。該部分內容有一篇專門的文章。 ## Markdown Markdown是一種輕量級標記語言，應用場景也很多，最主要的就是專案的README檔案和博文。 Markdown有自己的語法格式，對圖片，圖表，表示式等都有支援，所以得到各種網站的廣泛使用。 md檔案的編輯器也有很多，也可以在記事本操作，使用md語法寫完文字，更改檔案字尾。 我使用的是**Typora**，地址：[typora.io](typora.io)。這是一款免費的、支援實時預覽的Markdown文字編輯器。Typora介面簡潔，是我最喜歡它的一點，同時在偏好設定中可以增加自己編輯體驗，有多種主題可以選擇。 選擇打字機模式，使得自己正在編輯的一行永遠處在螢幕正中間；選擇專注模式，使得自己編輯的一行保留顏色，其他行全部為灰色。 在插入圖片時，可以在本地儲存一份備份，將文章push到Github時，圖片也會一起push。 Typora還支援emoji表情，可以使用`:emoji:`的方式加入emoji表情:joy:。 關注公眾號**前端大合集**看更多