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

05-01

年後入職新公司，面試時聊到公司的情況大致是這樣的：團隊里需要招一名前端（就此一人，其他都是後台開發的），項目是一個工具類的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……