去年6月份左右,加入了一個(gè)創(chuàng)業(yè)公司,很幸運(yùn)做了一個(gè)從零開(kāi)始的項(xiàng)目,前端工程由我一手搭建起來(lái),并不斷迭代功能到現(xiàn)在,有許多的感悟心得,在這里寫(xiě)點(diǎn)總結(jié)
確定框架、技術(shù)點(diǎn)
一個(gè)項(xiàng)目的開(kāi)始,特別是豐富多樣的前端工程,首先一定要確定好采用的框架和技術(shù)點(diǎn)。2016年vue.js如火如荼,webpack強(qiáng)勢(shì)崛起,但是是否就可直接拿到項(xiàng)目中搞起呢?答案是否定的,一個(gè)新的技術(shù)如果自己或團(tuán)隊(duì)中成員都還在學(xué)習(xí)摸索的過(guò)程,是肯定不能在生產(chǎn)環(huán)境中使用的,更何況這是個(gè)創(chuàng)業(yè)的團(tuán)隊(duì),沒(méi)有成熟完整的前端團(tuán)隊(duì)。所以我當(dāng)時(shí)還是走老套路,jquery為核心,fastclick輔助,requireJs按需加載,arttemplate做模板渲染,核心UI類庫(kù)使用jqueryWeUI,加上sass預(yù)編譯樣式文件,gulp打包構(gòu)建,(后臺(tái)是微服務(wù)架構(gòu),maven構(gòu)建,springMVC+mybatis,此工程為h5前置工程)這樣一來(lái)就基本上滿足條件,可以開(kāi)工了。
開(kāi)發(fā)工具
不同的開(kāi)發(fā)工具可能在展示格式上有一定的差別,所以一個(gè)團(tuán)隊(duì)最好還是能統(tǒng)一的開(kāi)發(fā)工具。后臺(tái)一般使用eclipse,前端我推薦使用sublime,以及相關(guān)的插件:
開(kāi)發(fā)規(guī)范,命名規(guī)則
既然是多個(gè)人同時(shí)開(kāi)發(fā),肯定會(huì)有一些代碼風(fēng)格上的異同,然而為了方便后期維護(hù),必需制定一些相關(guān)的規(guī)范。如: