專注于深圳網(wǎng)站制作網(wǎng)站設(shè)計(jì)，專業(yè)的深圳建站公司供應(yīng)商！
咨詢電話 :0755-82968506
微信：ebxservice
網(wǎng)頁設(shè)計(jì)系列教程將學(xué)習(xí)命令行過程，可能會(huì)改變你的網(wǎng)頁設(shè)計(jì)方式。
從最基本的開始我們會(huì)直接跳到實(shí)際的技能，你可以立即使用。一個(gè)圖片為什么命令行是一個(gè)必備網(wǎng)頁設(shè)計(jì)工具。
主要內(nèi)容包括：
讓我們很快的了解主要有五個(gè)方面：
1。利用第三方軟件包
網(wǎng)頁設(shè)計(jì)師經(jīng)常使用第三方軟件如jQuery，Bootstrap，Modernizr，字體真棒，normalize.css和一長(zhǎng)串的人。在命令行中，利用這些外包裝通常意味著：
維護(hù)一個(gè)網(wǎng)站的書簽列表，你可以下載每個(gè)包的最新版本。
手動(dòng)訪問說網(wǎng)站下載包每次你需要他們。
重復(fù)這個(gè)過程一遍每當(dāng)包更新。
手動(dòng)將更新版本到每一個(gè)項(xiàng)目是用。
處理軟件包管理手動(dòng)緩慢而笨拙，但使用命令行，那是過去的事了。
你可以把包直接到您的項(xiàng)目只輸入幾個(gè)字，如：
鮑爾安裝jQuery
你可以把包起輸入一組簡(jiǎn)單的話：
鮑爾更新jQuery
沒有更多的手動(dòng)下載包從網(wǎng)絡(luò)或手動(dòng)升級(jí)他們的改變，那就是你可以通過命令行管理軟件包東西的小味道。
2。供電的前端代碼
三種你最有可能看到的任何網(wǎng)頁設(shè)計(jì)項(xiàng)目中使用的CSS，HTML和JavaScript。命令行工具開辟新途徑，在這些語言更有效的使我們的生產(chǎn)和交付的代碼。
我們可以利用命令行與CSS的最有力的一件事是編譯預(yù)處理程序，如手寫筆，SASS /標(biāo)準(zhǔn)和少。使用命令行，你可以快速輸入幾個(gè)字編譯任何預(yù)處理文件。你也可以設(shè)置自動(dòng)編譯你的CSS文件重新編譯，當(dāng)你改變你的程序文件。
通過命令行，我們也可以進(jìn)一步提高我們的CSS工作流像autoprefixing，文件清理和壓縮。以類似的方式，我們還可以優(yōu)化我們的文件連接和縮小JavaScript。
和HTML，我們接觸到的語言像玉這給我們以速記寫HTML的能力，并有能力開發(fā)簡(jiǎn)單而復(fù)雜的模板系統(tǒng)來阻止我們必須重寫的代碼塊，重復(fù)整個(gè)項(xiàng)目。
3。隨著自動(dòng)化任務(wù)者
能夠編寫CSS幾句，然后縮小JavaScript與其他幾句是偉大的。但是當(dāng)事情真的開始有超能力的是你能做的全部你的項(xiàng)目需要在一個(gè)單獨(dú)的命令。
通過使用一種名為“任務(wù)殺手”，一個(gè)字的命令一樣大口或咕嚕可以設(shè)置編譯預(yù)處理文件，然后結(jié)合，autoprefix，清潔和壓縮所產(chǎn)生的CSS，之后你的玉文件編譯成HTML，你的JS文件級(jí)聯(lián)和縮小–所有在幾秒鐘的空間。
你也可以設(shè)置任務(wù)者處理這些事情免提你。運(yùn)行一個(gè)命令后大口看或咕嚕看你可以繼續(xù)和你的項(xiàng)目工作的原始文件時(shí)，在后臺(tái)，所有的編譯和優(yōu)化將自動(dòng)處理。
任務(wù)者是完全靈活和可配置，不過你想要的，所以在這你可以設(shè)置你的項(xiàng)目沒有結(jié)束的方式。只是微調(diào)東西適合每一集的情況下需要。
4。活重裝，瀏覽器同步多設(shè)備測(cè)試
生活上讓你把你的手指從刷新按鈕和集中越來越光滑，實(shí)時(shí)反饋您的設(shè)計(jì)更改為你做。
在你已經(jīng)跑到位的任務(wù)自動(dòng)化，您可以添加活加載直接進(jìn)入混合，嚙合它的任何配置你為項(xiàng)目創(chuàng)建。你可以決定是什么觸發(fā)過重裝，是預(yù)編譯，HTML的變化或任何你想要的東西。
作為使生活上你也會(huì)得到一個(gè)網(wǎng)站預(yù)覽紡本地主機(jī)上，即模擬一個(gè)Web主機(jī)在本地機(jī)器上運(yùn)行。這是偉大的為確保一切正常了HTTP：/ /協(xié)議，而不是文件：/ /協(xié)議。
在這上面你也會(huì)學(xué)會(huì)瀏覽器同步前進(jìn)，讓你得到一個(gè)URL，你可以打到多個(gè)瀏覽器，都同步一起。例如，單擊導(dǎo)航按鈕上的鍍鉻然后看看Firefox，Opera和Safari回應(yīng)同樣的動(dòng)作同時(shí)。
這個(gè)瀏覽器同步不限于一個(gè)裝置。你也可以去你的片相同的URL，電話和其他設(shè)備在同一個(gè)連接，每一顯示同步預(yù)覽。這都是在一起給你兩跨瀏覽器和跨設(shè)備測(cè)試的完美。