摘要:又開始公司的新項目了。。。環(huán)境搭建環(huán)境搭建一個好的本地環(huán)境,直接決定你的切圖碼頁面流暢度與效率,當然你的扎實的基礎功也是必不可少嘛。代碼環(huán)境代碼環(huán)境我這邊用的搭建的環(huán)境,我只需要在環(huán)境中寫保存后頁面會直接同步更新我寫的頁面。
又開始公司的新項目了。。。又到了無聊的切圖時間,沒辦法,拿人錢財替人消災啊 - -!
那當我們拿到公司新項目的時候我們需要做些什么呢? 下面就來分享一下我的工作步驟吧(僅使用于初學者,大神勿見怪- -,有不好的地方希望指出,十分感謝)
這是一個廢話的過程。。。但是缺是必不可少的一步,我也不得不說一下
首先預覽所有設計圖頁面,設計需求文案等在腦海中大概的思考一下在哪里需要用到什么,到時候怎么寫,還有一些圖紙中可能不好實現(xiàn)或者不太清楚的
可以找設計師確認以免到時候耽誤時間。
當所有頁面全過完之后,回想一下,需要用到哪些技術,哪一些板塊是公共的需要提取,哪一些樣式是重復的,這些都有個大概思路后可以進行下一步了。
一個好的本地環(huán)境,直接決定你的切圖碼頁面流暢度與效率,當然你的扎實的基礎功也是必不可少嘛- -。
適合自己的才是最好的, 我一直用的sublime編輯器,輕量便捷,插件風格都是自己根據(jù)喜好與日常需求搭配,當然還有很多好用的編輯器,
例如 : webstorm 這款很強大,基本功能全都有,很重量級但是插件基本都不需要安裝了。。。其他的也有一些。只是都沒用過,就不來介紹了- -(Atom, Visual Studio Code, Brackets 。。。)
我這邊用的gulp搭建的環(huán)境,我只需要在環(huán)境中寫h+c+js 保存后頁面會直接同步更新我寫的頁面。 你也可以用webpack或者grunt 搭建你的代碼環(huán)境,看你喜好
那如何搭建這個環(huán)境呢? 我可以獻丑分享一下我的gulpfile文件
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1346.html
摘要:何去何從在如此趨勢所迫中,切圖仔該何去何從作為個人來看,工具是沒法完全取代人工的,工具可以幫助開發(fā)者完成大量的簡單重復工作,但是要滿足實際業(yè)務,還是需要前端工程師的專業(yè)知識和技術。 1. 禍起 看到標題,切圖仔們又是菊花一緊。前幾天微軟剛剛開源Sketch2Code,讓UI草圖轉化成HTML代碼。切圖仔瑟瑟發(fā)抖。 showImg(https://segmentfault.com/img...
摘要:今天是來到新公司的第五天,開始看手中的項目,做的東西是類似網易一元購這樣的產品,有安卓平臺還有網站,總共三個渠道。解決屏問題的可行方案是以的設計稿為例在時,圖片統(tǒng)一使用設計稿的切圖在時,圖片統(tǒng)一使用,也就是所謂設計稿的切圖。 今天是來到新公司的第五天,開始看手中的項目,做的東西是類似網易一元購這樣的產品,有安卓ios平臺還有H5網站,總共三個渠道。首先代碼里,頭部head引入的flex...
摘要:今天是來到新公司的第五天,開始看手中的項目,做的東西是類似網易一元購這樣的產品,有安卓平臺還有網站,總共三個渠道。解決屏問題的可行方案是以的設計稿為例在時,圖片統(tǒng)一使用設計稿的切圖在時,圖片統(tǒng)一使用,也就是所謂設計稿的切圖。 今天是來到新公司的第五天,開始看手中的項目,做的東西是類似網易一元購這樣的產品,有安卓ios平臺還有H5網站,總共三個渠道。首先代碼里,頭部head引入的flex...
閱讀 1816·2019-08-30 15:55
閱讀 1007·2019-08-26 11:57
閱讀 509·2019-08-26 11:29
閱讀 3358·2019-08-26 10:49
閱讀 1910·2019-08-23 18:40
閱讀 1749·2019-08-23 16:04
閱讀 3104·2019-08-23 11:01
閱讀 2271·2019-08-23 10:56