怎樣從無到有地建立一個前端項目?

年後入職新公司,面試時聊到公司的情況大致是這樣的:團隊里需要招一名前端(就此一人,其他都是後台開發的),項目是一個工具類的Pc端項目(我的理解就是web應用!?),框架用的是vue,而且這個項目組是新成立的,也就是說前端的活兒需要我從零開始一步一步搭建。我本人之前的項目經驗比較膚淺,沒有過這種全權負責整個前端部分的經驗,因此想問問各位大神,一般來說,應該怎樣做準備工作?在搭建項目時,有沒有什麼提前需要注意的地方嗎?


1. 通讀文檔、原型圖,不懂、不明確的地方找產品確定,不要憑自己感覺猜測

2. 畫流程圖,考慮一些交互,不確定的技術方案可以試著寫個簡單 demo 跑跑

3. 拉上產品、設計、後端開個技術交互評審

4. 確定介面

5. 拿到設計稿,過一遍,看看有什麼不合理遺漏的地方

6. 切圖,根據介面文檔寫代碼,期間遇見問題,及時和產品設計後端溝通

7. 參加測試人員的技術評審

8. 自測聯調,發布測試版

9. 改 BUG

10. 發布預發版,外網測試(如果是對外項目)

11. 發布正式版

如果做後台頁面,可能沒有設計師,那麼盡量保持各頁面風格統一,可以考慮 Bootstrap、ElementUI。

排期有問題,也及時溝通,並說明理由。產品改需求,影響排期,需要說明。

我的經歷大致就是這樣。


仔細看一遍vue官方文檔。

從框架api到編程風格指導,一條龍。

再搭配vue官方腳手架vue-cli,完美。


首先肯定了解清楚需求,是否前後端分離,是否需要ssr,是中後台項目還是純展示項目。

既然框架選擇vue,那麼推薦使用vue-cli,是否需要引入vuex看項目需求。按照vue-cli推薦的目錄劃分項目文件,組織好基礎的配置結構,便於之後接手項目的人。

提供好相應的初始化鉤子,定好less顏色變數,路由集中管理,bundle按路由拆分,純組件和業務組件分開,全局的loading和錯誤處理,類似登陸註冊基礎的模塊,前端錯誤收集,一些模塊的二次封裝,模塊按需載入,tree shaking。一個好的項目模版甚至可以保留後,之後的業務基於項目模版開發。

做到新人針對某一個頁面開發,加一個路由對全局不會造成太大的影響。


首先前端是你一個人,而且沒有人提出讓你用什麼,要麼用你會用的要麼用你想用的。如果你用vue就更方便了。直接使用腳手架搭起來一個項目然後寫東西就行了。不用考慮太多!


如果我是樓主目前的水平,我會擼起Jquery就是干,管它vue不vue,反正前端就一個,怕個屌朝天。


vue cli 自帶的webpack模板 賊開心


1、

是否是前後端分離項目,使用vue進行開發是否使用腳手架工具vue-cli或者使用webpack自己搭建開發環境

2、

css的模塊化設計,使用原生css,還是使用預編譯器less或者sass

3、

框架的選擇,web端的vue框架很多,例如:iview……


推薦閱讀:

你們使用react開發項目react-hooks用的多嗎?
實現按需載入JS、CSS該使用什麼前端工具比較合適?
前端通過什麼技術可以繪製這樣炫酷的數據顯示界面呢?
國內vue這麼火,為什麼大廠都是用react居多?

TAG:前端開發 | 前端框架 | Vuejs |