前言
在正式開發項目前，我們把整個前端的應用架構搭建整齊。
我曾經很多次在沒有把項目架構搭建完善的情況下，倉促的開始了項目的開發，結果就是遇到一個問題就去完善一個問題，就比如忘記添加路由，又要去把路由文檔看一遍，忘記添加 Vuex 全局狀態管理、移動端的適配等等，被這些瑣碎的事情打斷了我開發業務的思路，這是得不償失的，筆者不希望讀者們也重複踩坑，學習的目的就是不踩前人踩過的坑，少走一些彎路。
H5 開發環境搭建
初始化項目
本項目使用 Vue-CLI 進行項目的初始化，當然有能力的同學可以自己從零開始搭建。就我個人而言，我覺得項目的搭建不用過於拘泥，程序員需儘量迴歸業務，多去思考如何將業務做的更貼合用戶的使用習慣。有點扯遠了，我們回到正題。
首先通過命令行初始化項目（前面的章節已經介紹過 Vue-CLI，默認全局安裝了 Vue-CLI）：
// mac 用戶若是初始化的時候出現權限的問題，建議使用 sudo vue create newbee
vue create newbee
運行指令後，大家若是建立空項目，可選擇第一個「default」。若是希望在