又開始公司的新項目了。。。又到了無聊的切圖時間，沒辦法，拿人錢財替人消災啊 ！ 那當我們拿到公司新項目的時候我們需要做些什麼呢？ 下麵就來分享一下我的工作步驟吧（僅使用於初學者，大神勿見怪 ，有不好的地方希望指出，十分感謝） 1. 整版瀏覽 這是一個廢話的過程。。。但是缺是必不可少的一步，我也不得不 ...
又開始公司的新項目了。。。又到了無聊的切圖時間，沒辦法，拿人錢財替人消災啊 - -！
那當我們拿到公司新項目的時候我們需要做些什麼呢？ 下麵就來分享一下我的工作步驟吧（僅使用於初學者，大神勿見怪- -，有不好的地方希望指出，十分感謝）
1. 整版瀏覽
這是一個廢話的過程。。。但是缺是必不可少的一步，我也不得不說一下
首先預覽所有設計圖頁面，設計需求文案等在腦海中大概的思考一下在哪裡需要用到什麼，到時候怎麼寫，還有一些圖紙中可能不好實現或者不太清楚的
可以找設計師確認以免到時候耽誤時間。
當所有頁面全過完之後，回想一下，需要用到哪些技術，哪一些板塊是公共的需要提取，哪一些樣式是重覆的，這些都有個大概思路後可以進行下一步了。
2. 環境搭建
一個好的本地環境，直接決定你的切圖碼頁面流暢度與效率，當然你的扎實的基礎功也是必不可少嘛- -。
編輯器需求
適合自己的才是最好的， 我一直用的sublime編輯器，輕量便捷，插件風格都是自己根據喜好與日常需求搭配，當然還有很多好用的編輯器，
例如 ： webstorm 這款很強大，基本功能全都有，很重量級但是插件基本都不需要安裝了。。。其他的也有一些。只是都沒用過，就不來介紹了- -（Atom， Visual Studio Code， Brackets 。。。）
代碼環境
我這邊用的gulp搭建的環境，我只需要在環境中寫h+c+js 保存後頁面會直接同步更新我寫的頁面。 你也可以用webpack或者grunt 搭建你的代碼環境，看你喜好
- 在中間做了stylus轉css並添加首碼然後壓縮輸出到新的文件夾
- 將es6語法js 經過babel轉成普通js代碼並重命名壓縮到新的文件夾
- 在html中預留位置 插入剛轉義完成的css+js
- 在瀏覽器中同步刷新頁面（可多端測試）
那如何搭建這個環境呢？ 我可以獻醜分享一下我的gulpfile文件
