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