你的團隊須要一套工具指南

時間 2019-12-04

標籤團隊須要一套工具指南简体版

原文原文鏈接

在某個公衆號裏看過這樣一句話，「一流的公司只有一個共同點——他們都有好的產品。」 最近又瞭解了一些管理工具和開發工具，忽然發現，其實一流的公司還有另外一個共同點，他們每每都擁有一套適合本身的工具，包括但不限於管理工具、開發工具、運維工具……css

「培訓團隊使用一些工具從而節省時間和人力成本，是最成功的時間投資之一。」或許使用工具老是須要一些學習成本，但從長遠來看，是一筆很划算的買賣。html

咱們中的一部分人在工做和生活中總在嘗試使用一些有趣的工具來梳理思想和知識，好比 Evernote、OmniOutliner、MindNode 等等。快速發展的 IT 團隊也每每會選擇嘗試不少數據分析、測試、運維管理工具，來讓團隊效率與高速發展的預期相符。正如小編前兩天才瞭解到 Omni 系列工具的強大與貼心，不少人都在參加工做幾周甚至幾個月以後才發現一些本來能夠節省人力和時間的神器，而後發出「若是早點知道就行了」的感嘆。前端

由此，小編結合 Cloud Insight 團隊的開發經驗，總結了一份適合 IT 團隊的，不徹底工具指南，但願與你們分享。react

組織工具

咱們須要讓每一個團隊成員都保持同步。git

ChatOps

BearyChat、瀑布IM、簡聊均可以被稱爲 ChatOps 工具，ChatOps 是誕生於 GitHub 的一種基於會話驅動的協做開發方法，過去團隊之間的通信和開發操做是兩層皮，致使各類不透明和低效率。ChatOps 將開發工具帶入開發者聊天室，經過定製的插件和腳本，一個聊天機器人可以執行聊天中輸入的各類命令，實如今聊天平臺上的團隊協做開發自動化。github

另外，由於團隊工具龐雜，天天產生大量信息，這些信息散落在各類服務裏，其中重要信息極可能會被忽略。因此一個聚集信息、提高工做效率的工具成爲一種剛需。數據庫

GitHub、GitLab

相信你們對 Git 都不陌生，不少 IT 團隊都用 GitHub 來存儲全部的代碼和代碼相關的問題。固然，你也能夠像咱們同樣，號召全部小組成員建立 github.io 博客練習持續寫做。編程

GitLab 是一個利用 Ruby on Rails 開發的開源應用程序，實現一個自託管的 Git 項目倉庫，可經過 Web 界面進行訪問公開的或者私人項目。它擁有與 Github 相似的功能，可以瀏覽源代碼，管理缺陷和註釋。能夠管理團隊對倉庫的訪問，它很是易於瀏覽提交過的版本並提供一個文件歷史庫。開源中國代碼託管平臺 git.oschina.net 就是基於 GitLab 項目搭建。gulp

Email

咱們要將用於和客戶溝通的郵箱和用於註冊網絡服務的郵箱分開使用。將來咱們但願，全部對外溝通的郵件都要抄送到 ci-team@oneapm.com，這個地址包含了咱們整個小組的成員。全部組內的溝通都經過 ChatOps 工具進行。vim

石墨

咱們使用石墨來建立和編輯文檔，實時協做。不管是內容產出仍是活動計劃，甚至落地頁設計，都放在石墨上。打開即用，寫完即存，如此的輕量、簡單。

Giphy

Giphy——有趣的 Gif 倉庫，圖片時代，玩的開心。（把王志利作成 Gif 也是咱們的樂趣）

Jira

想要使用好 Jira 其實是須要一些培訓的，但經過規範的使用 Jira，對問題的追蹤變得更加容易，聚集問題、分配任務、計劃問題時間、評估工做效果，一切都開始擁有更加規範的流程和更加透明的量化效果。

Confluence

Confluence 是一個專業的企業知識管理與協同軟件，一個企業級的wiki軟件。經過它能夠實現團隊成員之間的協做和知識共享。假如石墨是便利店，Confluence 就像一個大型超市，琳琅滿目，應有盡有。

開發工具

下面是咱們進行網站項目前端和後臺開發的工具。

Atom

Atom 是咱們用來編碼的文本編輯器，除了基本的操做和界面外，和 Sublime 最大的差異在於擴展性。Atom 很是強調模塊化，不少默認功能也都是開源的模塊，vim 模式拉過來了一大批 vim 用戶，良好的 Markdown 預覽效果也讓人喜歡。不過最討小編歡心的果真仍是 active-power-mode，燃燒吧代碼！

Gulp

Gulp是咱們進行網站開發的構建工具，它將咱們用到的全部開發工具都集中到一塊兒。

爲何咱們須要Gulp？

Gulp 能讓開發者的工做更輕鬆。咱們能夠在 Gulp 中用 SCSS 和 Handlebars.js 來編寫更高層次的宏和抽象對象。Gulp 中的代碼更精簡也更模塊化，從而讓客戶更易適應他們的需求。

什麼是構建工具？

像 Gulp 這樣的構建工具將源文件轉化成靜態網站。在將易於編輯的源文件（後綴名爲 .hbs 和 .scss）轉化爲其最終格式（後綴名爲 .html 和 .css）時會出現許多單調的重複操做。而在 Gulp 中，只需一個命令，源文件的全部變化都會轉化到靜態網站上。

Gulp 向咱們展現了什麼特性？

SCSS轉化成 CSS。
採用 Yaml 格式數據的 Handlebars.js。
CSS自動添加前綴：確保全部的 CSS 都是跨瀏覽器可兼容的。
Browsersync：只要源文件被修改就會自動從新加載到瀏覽器的開發工具。
Imagemin：壓縮並優化圖像以達到更好的顯示效果。
Linting (SCSS, JS)：確保 CSS 和 JavaScript 採用正確的格式並遵循一個通用代碼風格指南。
Minification (HTML, CSS, JS)：自動壓縮全部的代碼以實現更快的頁面加載速度。

SCSS

學過 CSS 的人都知道，與其說是編程語言，不如說它是面向設計師的工具，沒有變量也沒有條件語句，而 SCSS 是一種 CSS 擴展語言，讓 CSS 更易讀易寫，它推崇模塊化和易讀性。

React

React 起源於 Facebook 的內部項目，由於該公司對市場上全部 JavaScript MVC 框架，都不滿意，就決定本身寫一套，用來架設 Instagram 的網站。作出來之後，發現這套東西很好用，就在2013年5月開源了。因爲 React 的設計思想極其獨特，屬於革命性創新，性能出衆，代碼邏輯卻很是簡單。因此，愈來愈多的人開始關注和使用，認爲它多是未來 Web 開發的主流工具。固然，咱們也在用。

數據分析與監控工具

沒有數據分析與監控的團隊每每不夠可靠。

GrowingIO

最近纔開始瞭解擁有傳奇經歷的張溪夢和他的 GrowingIO——一個網站和移動端數據分析平臺。運用無埋點採集，迅速生成數據分析結果，提升運營效率，提供針對市場推廣、產品體驗、以及客戶成功等精益化運營的分析模塊。正在用，感受不錯。

AppAdhoc

簡單來講 AppAdhoc 是一家以A/B 測試爲基礎的數據優化平臺，引入Google 全數據驅動產品優化的理念，用數據幫助開發者作產品決策，優化移動廣告。也許初創團隊對於 A/B Test 的需求還不大，但對於用戶量到達必定程度的團隊而言，A/B Test 和灰度發佈對於增加有很大的意義。

Cloud Insight

一款支持包括 Windows 在內的多種操做系統、雲主機、數據庫、中間件監控的解決方案，若是把 Zabbix 比做 Lniux, Cloud Insight 就是早期的 Mac OX. 雖然是一款年輕的產品，但它能監控的平臺已經基本知足大部分公司的運維需求了，除此以外，還支持 API 和 SDK，只要須要，就可以將業務數據與性能數據甚至其餘五花八門的數據通通導入 Cloud Insight 進行集中展示。

安裝部署很是方便，功能全面，容易上手，尤爲適合須要節省運維人力與時間成本的小團隊，固然，咱們本身也在用。（笑）

設計工具

老生常談。

Illustrator

Adobe Illustrator CC 是咱們進行圖形處理的主要工具。雖然 Sketch 在展現元素方面表現出色，但它的矢量軟件沒有 Adobe 功能強大。Logo 設計和展現主要用 Illustrator，而且一般會導入到其餘工具作後續處理。

Photoshop

咱們主要用 Adobe Photoshop CC 來製做逼真的模型。好比把在 Sketch 設計的用戶界面截圖後展現在顯示器上幫助客戶想象最終的產品。咱們也用它來編輯圖像，可是咱們永遠不會用 Photoshop 來設計用戶界面。像 Illustrator 這樣的軟件適合作矢量圖編輯，而 Photoshop 更適合編輯 PNG 、 JPG 和 GIF 等格式的光柵圖。