速度對(duì)于幾乎任何項(xiàng)目都至關(guān)重要。 經(jīng)常， 截止日期非常緊迫，團(tuán)隊(duì)中良好的工作流程是按時(shí)完成任務(wù)并避免每個(gè)人在整個(gè)過程中筋疲力盡的唯一方法。

這樣的工作流程是什么樣的？ 以及如何在日常工作中實(shí)施一些最佳做法以加快交貨速度？ 出色地， 有幾種方法可以研究它。 第一個(gè)是：

在這一部分， 我們將研究開發(fā)人員用來加速工作的工具。 找出最有效的方法的最簡(jiǎn)單方法是指出最慢的過程，即花費(fèi)最長時(shí)間的事情。 接下來是–需要最大的精神精力去做的事情。 有時(shí)一個(gè)過程可能很快， 但是每次您實(shí)際執(zhí)行此操作時(shí)， 感覺像是一件瑣事， 您希望將其推遲以供日后使用。

DevriX對(duì)我們工作流程的一項(xiàng)重大改進(jìn)是在開始每個(gè)項(xiàng)目之前先做所有標(biāo)準(zhǔn)的事情， 將它們托管在存儲(chǔ)庫中，然后在每次新構(gòu)建時(shí)都對(duì)其進(jìn)行克隆。

它有什么幫助？

1. 無需每次都進(jìn)行Gulp設(shè)置。 所有包裝都開箱即用， 他們跑， 該配置已在多臺(tái)計(jì)算機(jī)上進(jìn)行了測(cè)試。
2. 它帶有簡(jiǎn)短的文檔。 如果有新的團(tuán)隊(duì)成員， 他們不必詢問有關(guān)基本設(shè)置任務(wù)的問題，因?yàn)槠渲写蟛糠忠呀?jīng)說明了。
3. 無需每次都為前端確定文件結(jié)構(gòu)。 從第一天開始，我們的前端團(tuán)隊(duì)通常都會(huì)研究一個(gè)新主題 因此，如果他們每次都要為Sass文件提出一個(gè)文件夾/文件結(jié)構(gòu)， 我們會(huì)在每個(gè)項(xiàng)目上浪費(fèi)時(shí)間。
4. 我們保持一切一致–這是另一個(gè)巨大的推動(dòng)力。 通常，同時(shí)有多個(gè)項(xiàng)目處于活動(dòng)狀態(tài)， 因此，在打開項(xiàng)目時(shí)第一次知道在哪里可以找到您要查找的內(nèi)容可以節(jié)省大量時(shí)間。 所有主題的結(jié)構(gòu)相同， 樣式 JS文件， PHP文件都在同一位置。

只要我們找到解決問題的更好方法，可能會(huì)改善構(gòu)建設(shè)置， 引進(jìn)棉短絨， 鉤子 在此處或此處添加一些操作或常用的輔助功能， 我們更新了入門主題。 如果對(duì)構(gòu)建設(shè)置的更改很重要， 我們也會(huì)更新現(xiàn)有項(xiàng)目的代碼庫。

有了這個(gè)， 所有開發(fā)人員都將先了解人們所做的事情。 但是，還有更多的東西–當(dāng)采用相同的方法來實(shí)現(xiàn)布局時(shí)， 代碼庫將更加一致。 前端開發(fā)人員尤其需要這樣做，因?yàn)槲廴緲邮绞侵饕幕貧w問題。

例如，您可以查看Google的HTML / CSS編碼樣式指南。

來源

命名“條目”的常用方法， 或“評(píng)論”， 或類似的“列表”管理方法是我們?cè)跇?gòu)建布局時(shí)采用的一些標(biāo)準(zhǔn)方法。

快速瀏覽項(xiàng)目的方法本身就可以節(jié)省大量時(shí)間。 僅在目錄之間就可以輕松花費(fèi)一天半小時(shí)的時(shí)間。 這都是浪費(fèi)時(shí)間。 反而， 您可以在計(jì)算機(jī)上設(shè)置TMUX， 為每個(gè)項(xiàng)目設(shè)置一個(gè)單獨(dú)的窗口，為每個(gè)任務(wù)/目的設(shè)置一個(gè)單獨(dú)的面板，例如“ Running Gulp” –面板1； “主題中的運(yùn)行命令” –面板2； “插件中的運(yùn)行命令” –面板3。

另外–確保您可以直接從終端打開代碼編輯器。 與從圖標(biāo)打開相比，這是一種更快的編碼方式， 然后導(dǎo)航至“打開項(xiàng)目”等。 VS Code的設(shè)置非常簡(jiǎn)單。

• VS代碼 Sublime文本和許多其他工具都有一個(gè)“命令”彈出窗口，您可以在其中鍵入編輯器可以執(zhí)行的幾乎所有操作。 保存所有打開的文檔嗎？ 只需幾個(gè)按鈕。 關(guān)上他們嗎？ 全都一樣。
• 瀏覽命令面板–瀏覽側(cè)邊欄中的文件也需要太多時(shí)間。 只需繼續(xù)輸入所需的文件名即可。 添加一些擴(kuò)展程序以加快常見的操作，例如重命名， 移動(dòng)， 復(fù)制和刪除文件。
• 設(shè)置短絨。 如果有工具可以幫您做到這一點(diǎn)，則無需浪費(fèi)文件格式的時(shí)間。 每次縮進(jìn)代碼， 在方括號(hào)之間添加空間等等可以更好地用于解決問題。
• 利用快捷方式和代碼片段–對(duì)于前端開發(fā)人員，Emmet是救生員。 簡(jiǎn)單的單行代碼，例如：擴(kuò)展到15行以上的HTM1代碼， 全部格式化并準(zhǔn)備好進(jìn)行樣式設(shè)置。 鍵入該行需要幾秒鐘。

VSCode命令選項(xiàng)板的示例。 您可以在他們的概述頁面上閱讀更多內(nèi)容。

這可能有點(diǎn)棘手，可能需要更多經(jīng)驗(yàn)和對(duì)客戶業(yè)務(wù)需求的理解。 這也是更重責(zé)任的方法之一， 但這有時(shí)可以節(jié)省項(xiàng)目，避免錯(cuò)過最后期限。

從最重要，最快的實(shí)施開始。 如果頁面在第1天不太可能無法啟動(dòng)， 那么就沒有必要從頭開始。 如果根據(jù)您的估計(jì)，有可能尚未準(zhǔn)備就緒，請(qǐng)確保與您的客戶討論。 您越清楚地說明自己所做的事情， 什么可能會(huì)延遲以及可能出現(xiàn)問題的地方， 您越有可能克服潛在的問題。

盡早委托工作， 但要減少參與人數(shù)。 這是每個(gè)人在特定階段都注意到的東西。 也許最早是在學(xué)校， 當(dāng)有10個(gè)孩子開始一個(gè)項(xiàng)目時(shí)， 但是只有兩三個(gè)人可以完成大部分工作。

這在以更多前端工作開始的項(xiàng)目中尤其明顯。 從第一天開始，您就不可能有多個(gè)開發(fā)人員在工作，因?yàn)楸仨毷紫却_定的第一件事就是項(xiàng)目的體系結(jié)構(gòu)。 設(shè)計(jì)團(tuán)隊(duì)的基本決定應(yīng)該是構(gòu)建。 有哪些成分 它們?nèi)绾螖U(kuò)展， 文件分離， 媒體查詢結(jié)構(gòu)和規(guī)則， 命名約定。 所有這些。

在這個(gè)基本階段，如果有多個(gè)開發(fā)人員， 他們兩個(gè)都可能開始實(shí)現(xiàn)他們所需的基本代碼，以便他們對(duì)網(wǎng)站的其余部分進(jìn)行樣式設(shè)置。 當(dāng)他們推送該代碼時(shí)， 沖突將會(huì)出現(xiàn)，其中一名開發(fā)人員可能需要重做大部分工作。

添加更多前端開發(fā)人員的好時(shí)機(jī)是，當(dāng)完成更多的基礎(chǔ)工作并且可以將工作委派給諸如“內(nèi)容卡”之類的單獨(dú)組件時(shí)， 或“著陸頁X”或“ 404頁”等。 到時(shí)， 字體被應(yīng)用， 設(shè)置了常規(guī)的版式設(shè)置， 創(chuàng)建了大多數(shù)文件，并且至少創(chuàng)建了1-2頁。

接著， 如果將專注于單個(gè)項(xiàng)目的總?cè)藬?shù)保持在最低水平，則是理想選擇。 在時(shí)間管理和專注于任務(wù)方面， 團(tuán)隊(duì)中的開發(fā)人員可能需要考慮的一個(gè)技巧是在給定項(xiàng)目上切換工作負(fù)載。

假設(shè)我們有一個(gè)前端開發(fā)人員John，他已經(jīng)在新網(wǎng)站上全職工作了兩個(gè)星期。 到那個(gè)時(shí)候， 他每天要看80多個(gè)小時(shí)。 他極有可能停止在網(wǎng)站上發(fā)現(xiàn)問題！ 現(xiàn)在是他的朋友凱特（Kate）介入并接管他大部分工作的好時(shí)機(jī)。 凱特（Kate）可以開始解決一些小問題， 仔細(xì)檢查它是否符合設(shè)計(jì)， 改善此處的性能， 完成John推遲的幾個(gè)頁面和組件，僅僅是因?yàn)樗麤]有足夠的精力去做。

It’s quite possible that most developers have experienced this and it feels so good to have a teammate that can step in and take things on for another week or two while you clear your mind a bit with a fresh new project or some maintenance work on older websites。

有很多明顯的技術(shù)方法可以提高站點(diǎn)的開發(fā)速度。 這是團(tuán)隊(duì)合作之間的混合-您如何定義團(tuán)隊(duì)中的通用準(zhǔn)則，以及如何設(shè)置工作環(huán)境/如何在利用所有可用工具的同時(shí)實(shí)現(xiàn)工作自動(dòng)化。 如何長時(shí)間保持頭腦清醒和敏銳，以保持第一天的高生產(chǎn)率。

為了管理所有這些，一支強(qiáng)大的團(tuán)隊(duì)需要優(yōu)秀的高級(jí)開發(fā)人員來設(shè)計(jì)架構(gòu)， 負(fù)責(zé)任的開發(fā)人員應(yīng)遵循準(zhǔn)則并進(jìn)行高質(zhì)量的工作，并由優(yōu)秀的項(xiàng)目經(jīng)理來尋找每個(gè)人的心理狀態(tài)。

根據(jù)您的技術(shù)規(guī)范構(gòu)建定制的解決方案。 提交您的提案或請(qǐng)求一個(gè)完整的發(fā)現(xiàn)會(huì)話，以確定您的要求并評(píng)估您的業(yè)務(wù)需求。

DevriX的創(chuàng)意主管和前端開發(fā)人員
亞歷克斯（Alex）的熱情在于學(xué)習(xí)新的網(wǎng)絡(luò)技術(shù)， 探索創(chuàng)新的方法來優(yōu)化網(wǎng)站性能并改善用戶體驗(yàn)。 亞歷克斯（Alex）喜歡騎自行車和數(shù)字藝術(shù)，最近開始在ELSYS技術(shù)學(xué)校教授設(shè)計(jì)。