資訊專欄INFORMATION COLUMN
摘要：當(dāng)然，我坐井觀天，肯定只能看到一小片，這里只是一些思考總結(jié)，也是個人努力的方向，希望有一天我這一小片天空也能被灑下一片清涼。
做事情嘛總要有個目標(biāo)；工作嘛，總要追求效率，規(guī)范，重用，可維護(hù)，畢竟誰不想工作上少花些時間，裝逼（大霧）上多花些時間呢。廢話不多說，下面開始裝逼，裝的不好請不要賤笑。
1，項目開始
例如新建一個項目：project，下面該做什么呢？一般來說就是搭建腳手架了，通常的做法呢：
A方案：
自己先把環(huán)境配置好，一個文件夾一個文件夾的建，一個配置文件一個配置文件的寫，然后再把需要的js庫啊什么的一個個的搞過來，其它的有需要的話可以隨著項目的進(jìn)行而添加
B方案：
使用自己曾經(jīng)的腳手架或者別人的，當(dāng)然，可能還需要修修改改
C方案：
如果只需要一個配置文件，自己只需要把里面自己需要的東西寫上去，一條命令下來，該建的文件夾建好了，需要的js庫下載好了，將來再需要其它文件的時候只需要加上去，然后再執(zhí)行一遍命令就可以，豈不美哉。
其它方案：
抱歉其它方案這個逼我暫時還裝不下去，這里就留給其他人吧
那么我們就這個【C方案】進(jìn)行一下思考，這里我選擇了js文件作為配置文件，為什么呢？因為別人都選擇的js文件，而且，js文件可以讀寫其它文件啊
假如我們新建一個autoformat.js,這個文件應(yīng)該寫些什么呢？
這里就應(yīng)該回歸我們的需求： 1，可以創(chuàng)建我們需要創(chuàng)建的文件夾 2，可以自動下載我們需要下載的js庫 3，自動安裝需要的環(huán)境依賴 4，如果將來這個文件有更新，可以再次執(zhí)行命令，不會沖突
OK，需求明確了，那么，我們怎么才能執(zhí)行這些命令呢，通過什么方式來執(zhí)行呢？
目的很明確，就是執(zhí)行配置文件autoformat.js,怎么執(zhí)行呢？額，因為別人一般都素通過命令執(zhí)行的，所以咱們這里也通過命令執(zhí)行。 假如我們搞一個最簡單的: node autoformat.js 這樣就執(zhí)行了， 或者逼格高一點,執(zhí)行：autoformat [taskname]
執(zhí)行命令的方式大概確定了，那么來看一下需求怎么實現(xiàn)：
1，可以創(chuàng)建我們需要創(chuàng)建的文件夾 直接通過js在pc上創(chuàng)建文件夾不太現(xiàn)實，我們貌似也只能通過命令行來創(chuàng)建， 通過js來調(diào)用命令行，還是可以實現(xiàn)的。 這方面有現(xiàn)成的輪子，我們就不要自己造了。只是需要安裝一下依賴。
2，可以自動下載我們需要下載的js庫 同上，借助別人造好的輪子，下載個文件什么的還是不成問題的
3，自動安裝需要的環(huán)境依賴 話說我們平時安裝依賴不就是： npm install 然后我們的配置文件，package.json里面的依賴項就會自動安裝了， 所以我們只要執(zhí)行這個命令就行了， 至于依賴項，不就是我們前面選擇的別人的輪子嘛
4，如果將來這個文件有更新，可以再次執(zhí)行命令，不會沖突 這個嘛，不就是一個判斷，甚至你可以直接覆蓋之前的依賴項， 不過考慮到有時候自己會去修改js庫，或者有時候誤刪除依賴， 這里可以配置為一個‘是否’覆蓋安裝的選項
到了這里，我們發(fā)現(xiàn)這些需求都是可以實現(xiàn)的，那么下面就需要進(jìn)行技術(shù)選型了
考慮到當(dāng)前系統(tǒng)是windows（mac買不起，linux這個逼格太高）， 那么就要選擇能執(zhí)行dos命令的插件了， 都說windows下這個坑太多，但是咱也只能義無反顧的往里面跳了
OK，假設(shè)第一步已經(jīng)完成了，好吧，實在是這里寫太多了，
這才第一步自動構(gòu)建生成項目，所以暫時放過，回頭補(bǔ)充。
2，項目進(jìn)行
項目進(jìn)行的時候注意代碼的 模塊劃分 和 預(yù)編譯語言 以及 UI框架 的使用，
比如less(css),coffeescript(js)，HTML模板語言等
項目進(jìn)行的時候一般有什么需求： 1，代碼的版本控制這個肯定是需要的，默認(rèn)是git，（svn還是算了吧） 2，代碼的壓縮合并這個也是必須的（這個也可以發(fā)布時做，但難免有時用到） 3，代碼的測試和數(shù)據(jù)調(diào)試也免不了 4，添加新的插件或工具庫 5，以上都是必須的，這些東西如果都通過命令行執(zhí)行，那就算是比較工程化了吧
其實這一步已經(jīng)有很多工具做過了，可能只做了一部分比如grunt,gulp等,express，fis3等，所以略過不提。
3，項目發(fā)布
項目要發(fā)布了，有什么需求： 1，發(fā)布的時候能不能一鍵發(fā)布呢，測試環(huán)境和正式環(huán)境同時更新 2，考慮到緩存，所以文件的后綴名用上hash值會不會更好 3，發(fā)布的時候最好發(fā)布出來一個新的文件，而不是在源碼上修修改改 4，圖片需要hash值和合并嗎？
這一步其實也有人做了，比如fis3，webpack等,所以也簡單略過。
最后
寫到最后發(fā)現(xiàn)好像還沒有什么工具能夠 ‘一條龍服務(wù)到底’，做第一步的工具好像沒什么太有名氣的。
當(dāng)然，我坐井觀天，肯定只能看到一小片，這里只是一些思考總結(jié)，也是個人努力的方向，希望有一天我這一小片天空也能被灑下一片清涼。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/80077.html
摘要：而作為一個從成都的菜鳥，蛻變成一名北京的菜鳥，也來談?wù)勛约簩τ谇岸说睦斫?。來了北京之后，才算是見識了真正的前端。隨著學(xué)習(xí)的慢慢提升，會感覺到北京的前端更加具有明確的方向?？偟膩碚f，在北京，前端更加專業(yè)與明確一點，發(fā)展更加好一點。 萬事開頭難。 當(dāng)我想要認(rèn)真寫一篇文章向大家分享我對前端的認(rèn)識與感悟的時候，突然就深刻的體會到了這句話確實太有道理了。 最近幾年對于web前端的傳聞很多，比如人...
摘要：而作為一個從成都的菜鳥，蛻變成一名北京的菜鳥，也來談?wù)勛约簩τ谇岸说睦斫?。來了北京之后，才算是見識了真正的前端。隨著學(xué)習(xí)的慢慢提升，會感覺到北京的前端更加具有明確的方向?？偟膩碚f，在北京，前端更加專業(yè)與明確一點，發(fā)展更加好一點。 萬事開頭難。 當(dāng)我想要認(rèn)真寫一篇文章向大家分享我對前端的認(rèn)識與感悟的時候，突然就深刻的體會到了這句話確實太有道理了。 最近幾年對于web前端的傳聞很多，比如人...
摘要：而作為一個從成都的菜鳥，蛻變成一名北京的菜鳥，也來談?wù)勛约簩τ谇岸说睦斫?。來了北京之后，才算是見識了真正的前端。隨著學(xué)習(xí)的慢慢提升，會感覺到北京的前端更加具有明確的方向?？偟膩碚f，在北京，前端更加專業(yè)與明確一點，發(fā)展更加好一點。 萬事開頭難。 當(dāng)我想要認(rèn)真寫一篇文章向大家分享我對前端的認(rèn)識與感悟的時候，突然就深刻的體會到了這句話確實太有道理了。 最近幾年對于web前端的傳聞很多，比如人...
摘要：而作為一個從成都的菜鳥，蛻變成一名北京的菜鳥，也來談?wù)勛约簩τ谇岸说睦斫狻砹吮本┲?，才算是見識了真正的前端。隨著學(xué)習(xí)的慢慢提升，會感覺到北京的前端更加具有明確的方向?？偟膩碚f，在北京，前端更加專業(yè)與明確一點，發(fā)展更加好一點。 萬事開頭難。 當(dāng)我想要認(rèn)真寫一篇文章向大家分享我對前端的認(rèn)識與感悟的時候，突然就深刻的體會到了這句話確實太有道理了。 最近幾年對于web前端的傳聞很多，比如人...
閱讀 3758·2021-08-11 11:16
閱讀 1629·2019-08-30 15:44
閱讀 1999·2019-08-29 18:45
閱讀 2279·2019-08-26 18:18
閱讀 1010·2019-08-26 13:37
閱讀 1576·2019-08-26 11:43
閱讀 2125·2019-08-26 11:34
閱讀 380·2019-08-26 10:59
