網(wǎng)頁設(shè)計(jì)命令行是偉大的網(wǎng)頁設(shè)計(jì)工具

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

你可以把包起輸入一組簡(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è)字的命令一樣大口或咕?？梢栽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è)備測(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è)試的好。

標(biāo)題名稱：網(wǎng)頁設(shè)計(jì)命令行是偉大的網(wǎng)頁設(shè)計(jì)工具
網(wǎng)站地址：http://www.bm7419.com/news/19797.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、ChatGPT、搜索引擎優(yōu)化、商城網(wǎng)站、品牌網(wǎng)站建設(shè)、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都app開發(fā)公司