摘要 看著我稚嫩的代碼，今天我應該也可以過個快樂的兒童節吧，哈哈哈哈哈。既然是兒童節，那我就要給小伙伴們發發禮物，什麼禮物呢？那就是小編在使用的前端開發工具，保證你會有個難忘的兒童節。好，下麵就由我帶大家一一的看看禮物吧。 工欲善其事必先利其器 對於一個前端開發人員來說，擁有一款適合自己的“武器”是 ...
摘要
看著我稚嫩的代碼，今天我應該也可以過個快樂的兒童節吧，哈哈哈哈哈。既然是兒童節，那我就要給小伙伴們發發禮物，什麼禮物呢？那就是小編在使用的前端開發工具，保證你會有個難忘的兒童節。好，下麵就由我帶大家一一的看看禮物吧。
工欲善其事必先利其器
對於一個前端開發人員來說，擁有一款適合自己的“武器”是非常重要的。vscode就是這樣一款優秀的前端開發編輯器，因為小編也在使用這個編輯器，像別的webstorm、sublime text等也是很棒的。由於小編目前在使用vscode，所以給大家分享下我的編輯器常用的插件。讓大家一起去學習打磨屬於自己的前端開發“武器”。
-語言包
Chinese (Simplified) Language Pack for Visual Studio Code（這是vscode編輯器中文（簡體）語言包，可以為vscode提供本地化中文界面）
-界面美化
Agila Theme（界面主題，這款主題我個人比較喜歡，界面配色看著舒服。小伙伴如果不喜歡，可以在插件庫中尋找自己喜歡的主題進行設置）
vscode-icons（vscode圖標，這個插件可以很好的區分.css、.js等文件圖標，大大提高開發效率，強烈推薦大家使用）
-代碼美化
Bracket Pair Colorizer（括弧對色器，這個插件可以快捷的找到括弧的另一半，簡而言之就是能輕易的在代碼海中找到左右括弧）
Rainbow Brackets（彩虹括弧，為圓括弧、方括弧和大括弧提供彩虹色，能在開發中快捷找到括弧對）
indent-rainbow（縮進彩虹，一個簡單的擴展，促使代碼的縮進更易讀懂）
Syntax Highlighter（語法突出顯示，提供所有編程語言的通用語法著色引擎，凸顯關鍵字、自定義函數等語法著色區分）
Prettier - Code formatter（格式化美化代碼，漂亮的代碼書寫總是每個程式員的追求，這個插件可以配置屬於自己的代碼格式，一鍵優化雜亂的代碼）
-便捷式編碼
Auto Close Tag（自動標簽閉合，自動添加HTML/XML的標簽閉合）
Auto Rename Tag（自動標簽重命名，自動重命名配對好的HTML/XML標簽）
Auto Import（自動導入，自動查找解析並提供所有可用可導入的代碼操作）
Code Spell Checker（代碼拼寫檢查器，一個簡單的代碼拼寫檢查插件，可以快速的捕獲在編碼中的書寫錯誤，保持高效的編碼）
ES7 React/Redux/GraphQL/React-Native snippets（ES7/JS代碼段，這個插件可以使用簡短的代碼段書寫繁瑣的代碼，提高開發效率）
React-Native/React/Redux snippets for es6/es7（React-Native/es6/es7代碼段，這個插件也可以快速的書寫代碼段，可以對比著使用）
Path Intellisense（智能路徑，快捷高效的引入組件的路徑，節省了書寫組件路徑名的額外開發時間）
-GIT功能插件
Azure Repos（Azure存儲庫，它允許我們監視、構建、管理Git源存儲庫的拉取請求和更多的工作項）
Git Graph（Git圖，可以查看個人的存儲庫以及項目組庫的Git庫，可以輕鬆的進行合作開發）
GitLens — Git supercharged（GitLens，GitLens增強了vscode中內置的Git功能，同時可以清晰的查看代碼作者的身份等信息，可以促使項目組更好的去Review代碼）
-vscode檢修插件
Fix VSCode Checksums（vscode檢驗和修複器，用於檢查vscode編輯器的校驗和，應用校驗和更改重啟vscode，消除編輯器核心文件警告）
眾人拾柴火焰高
一個人的力量總是有限的，我們要學會與他人合作，學會交流溝通。小編覺得自己身處的項目組溝通合作就很棒，能快速的瞭解到項目的進度，能及時的掌握最新的需求變動等等。那我們項目組是如何做到這樣默契的配合呢，接下來就由我給大家繼續推薦兒童節禮物，合作溝通的方式。溝通是一個前端開發人員必備的一項技能，因為它可以讓你的技術進一步提升，還可以提升個人的交流度。不管你是技術大牛還是技術小白都需要和別人溝通交流，能讓他人清晰的瞭解到你的意圖與需求。所以這就給大家發放一些小組合作的一些方案，能更清晰的發現問題，這樣就可以及時的去溝通交流，促使項目更快的開發完畢。
-石墨文檔（強烈推薦）
石墨文檔是小編目前用的最多的合作方式，不僅實時更新快，而且合作簡便易懂。簡單的列舉項目中可以使用石墨文檔建立的文檔，具體文檔可以分為下列幾等：
1、項目迭代文檔：（確定項目開發時間、開發人員安排、項目開發需求原型圖、測試用例等）
2、bugs收集處理表：（測試人員收集測試過程中的bugs，與開發人員同步進行，實行測試修複同步操作）
3、項目組開發人員具體開發時間節點表：（安排開發人員的開發周期，具體的安排每一天的開發工作，明確開發進度）
-合作開發
Worktile（worktile，可以使用worktile建立bugs處理文檔，讓開發人員及時的處理未解決的bugs和掌握已解決完畢的bugs）
RAP2（rap2介面說明文檔，介面說明文檔，讓前後端開發及時瞭解聯調的是哪個介面以及讓前端開發人員瞭解介面返回數據格式等，促使前後端去溝通交流介面數據的統一性）
Leangoo 領歌（可視化實時協作，讓開發更透明、更高效。領歌有著靈活的看板模式，可以建立定義不同人員的工作流程，拖動任務體現開發人員工作進度，讓團隊成員之間的即時協作更好更快）
好馬配好鞍，好船配好帆
一個人擁有了一個好的“武器”，同時也擁有一個完好的團隊，可是這樣還不夠，我們個人也得加強自己的其他裝備，就像主題說的一樣，好馬配好鞍，好船配好帆。沒有人會嫌棄自己變得更好更優秀，下麵就給大家強烈的推薦我額外的強力“裝備”。
-開發工具
Snipaste（這是一款截圖工具，小巧卻功能強大，它不僅可以快速的截圖，還可以集成標註和貼圖功能，讓截圖可以實時固定在我們的可視區域，強烈推薦！！！）
Microsoft To Do（這是微軟的一個個人任務、資料分享工具，可以實時的安排自己的工作進程、也可以分享自己的技術心得給小伙伴）
WinSCP（這是一個 Windows 環境下使用的 SSH 的開源圖形化 SFTP 客戶端。同時支持 SCP 協議。它的主要功能是在本地與遠程電腦間安全地複製文件，並且可以直接編輯文件。）
spy-debugger（微信調試，各種WebView樣式調試、手機瀏覽器的頁面真機調試。便捷的遠程調試手機頁面、抓包工具，支持：HTTP/HTTPS，無需USB連接設備）
