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