2014-03-25 分類: 網(wǎng)站建設(shè)
網(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和一長串的人。在命令行中,利用這些外包裝通常意味著:
維護(hù)一個(gè)網(wǎng)站的書簽列表,你可以下載每個(gè)包的最新版本。
手動(dòng)訪問說網(wǎng)站下載包每次你需要他們。
重復(fù)這個(gè)過程一遍每當(dāng)包更新。
手動(dòng)將更新版本到每一個(gè)項(xiàng)目是用。
處理軟件包管理手動(dòng)緩慢而笨拙,但使用命令行,那是過去的事了。
你可以把包直接到您的項(xiàng)目只輸入幾個(gè)字,如:
鮑爾安裝jQuery
你可以把包起輸入一組簡單的話:
鮑爾更新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ā)簡單而復(fù)雜的模板系統(tǒng)來阻止我們必須重寫的代碼塊,重復(fù)整個(gè)項(xiàng)目。
3。隨著自動(dòng)化任務(wù)者
能夠編寫CSS幾句,然后縮小JavaScript與其他幾句是偉大的。但是當(dāng)事情真的開始有超能力的是你能做的全部你的項(xiàng)目需要在一個(gè)單獨(dú)的命令。
通過使用一種名為“任務(wù)殺手”,一個(gè)字的命令一樣大口或咕??梢栽O(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?;钪匮b,瀏覽器同步多設(shè)備測試
生活上讓你把你的手指從刷新按鈕和集中越來越光滑,實(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è)備測試的好。
分享文章:網(wǎng)頁設(shè)計(jì)命令行是偉大的網(wǎng)頁設(shè)計(jì)工具
文章URL:http://www.rwnh.cn/news47/19797.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、用戶體驗(yàn)、域名注冊、網(wǎng)站改版、建站公司、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容