成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

學(xué)習(xí)筆記 - Sass的安裝與使用手冊(cè)

Jeff / 1818人閱讀

摘要：現(xiàn)在將學(xué)習(xí)筆記整理在這里，供大家參考。的安裝的編輯器安裝方法有很多，大致能分為兩種應(yīng)用程序和命令行界面。如果已經(jīng)安裝過(guò)，也可以使用指令如果提示權(quán)限不足，在命令行前加上即可。參考網(wǎng)頁(yè)編輯器的使用的使用很簡(jiǎn)單，記住兩條指令即可。

最近因?yàn)楣ぷ餍枰?，自學(xué)了Sass。現(xiàn)在將學(xué)習(xí)筆記整理在這里，供大家參考。

1. Sass的安裝

Sass的編輯器安裝方法有很多，大致能分為兩種：應(yīng)用程序（application）和命令行界面（command line）。我使用的是命令行。因?yàn)橹耙呀?jīng)在Mac上安裝過(guò)Homebrew的package，用的命令行是

brew install sass/sass/sass

Homebrew對(duì)系統(tǒng)xCode版本有要求，如遇提示xCode版本過(guò)低，在A(yíng)pp Store下載更新軟件，或者直接卸載軟件都可以。

如果已經(jīng)安裝過(guò)node.js，也可以使用npm指令

npm install -g sass

如果提示權(quán)限不足，在命令行前加上sudo即可。

參考網(wǎng)頁(yè) https://sass-lang.com/install

2. Sass編輯器的使用

Sass的使用很簡(jiǎn)單，記住兩條指令即可。
第一條指令如下，意思是編輯input.scss，并輸出儲(chǔ)存在output.css文件中。指令只編譯一次。

sass input.scss output.css

第二條指令增加了一個(gè)watch功能。同上述指令，編譯input.scss儲(chǔ)存至output.css。指令編譯多次，適用于開(kāi)發(fā)過(guò)程中的編譯。.scss文件的改動(dòng)會(huì)被檢測(cè)（watch）并立即編譯寫(xiě)入相應(yīng)的.css文件中。

sass --watch input.scss output.css

3. 其他

Sass的語(yǔ)法有很多資源都體積到了，在此就不贅述了。
推薦幾處參考網(wǎng)站：

Sass Basics Sass官方語(yǔ)法 https://sass-lang.com/guide

Sassmeister 官方Sass在線(xiàn)編輯器 https://www.sassmeister.com/

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/114000.html

相關(guān)文章

  • 個(gè)人文章分類(lèi)整理

    摘要：春節(jié)閑來(lái)無(wú)事，看看自己在上寫(xiě)的文章，想不到已經(jīng)篇了，各方面的都有，那就分類(lèi)整理一下吧，也方便自己和別人查看。 春節(jié)閑來(lái)無(wú)事，看看自己在SegmentFault上寫(xiě)的文章，想不到已經(jīng)20篇了，各方面的都有，那就分類(lèi)整理一下吧，也方便自己和別人查看。 CSS CSS Background-Size 屬性小記 [譯]關(guān)于垂直居中 Vertical Align 的探討 [譯]CSS 居中（...

    OnlyLing 評(píng)論0 收藏0

  • 個(gè)人文章分類(lèi)整理

    摘要：春節(jié)閑來(lái)無(wú)事，看看自己在上寫(xiě)的文章，想不到已經(jīng)篇了，各方面的都有，那就分類(lèi)整理一下吧，也方便自己和別人查看。 春節(jié)閑來(lái)無(wú)事，看看自己在SegmentFault上寫(xiě)的文章，想不到已經(jīng)20篇了，各方面的都有，那就分類(lèi)整理一下吧，也方便自己和別人查看。 CSS CSS Background-Size 屬性小記 [譯]關(guān)于垂直居中 Vertical Align 的探討 [譯]CSS 居中（...

    v1 評(píng)論0 收藏0

  • 個(gè)人文章分類(lèi)整理

    摘要：春節(jié)閑來(lái)無(wú)事，看看自己在上寫(xiě)的文章，想不到已經(jīng)篇了，各方面的都有，那就分類(lèi)整理一下吧，也方便自己和別人查看。 春節(jié)閑來(lái)無(wú)事，看看自己在SegmentFault上寫(xiě)的文章，想不到已經(jīng)20篇了，各方面的都有，那就分類(lèi)整理一下吧，也方便自己和別人查看。 CSS CSS Background-Size 屬性小記 [譯]關(guān)于垂直居中 Vertical Align 的探討 [譯]CSS 居中（...

    nidaye 評(píng)論0 收藏0

  • 個(gè)人文章分類(lèi)整理

    摘要：春節(jié)閑來(lái)無(wú)事，看看自己在上寫(xiě)的文章，想不到已經(jīng)篇了，各方面的都有，那就分類(lèi)整理一下吧，也方便自己和別人查看。 春節(jié)閑來(lái)無(wú)事，看看自己在SegmentFault上寫(xiě)的文章，想不到已經(jīng)20篇了，各方面的都有，那就分類(lèi)整理一下吧，也方便自己和別人查看。 CSS CSS Background-Size 屬性小記 [譯]關(guān)于垂直居中 Vertical Align 的探討 [譯]CSS 居中（...

    heartFollower 評(píng)論0 收藏0

  • Laravel學(xué)習(xí)筆記三-前端工作流

    摘要：本節(jié)將學(xué)習(xí)是如何利用形成一套完整的前端工作流模式的。你也可以使用下面命令來(lái)強(qiáng)制安裝所有模塊，不管該模塊之前是否安裝過(guò)由于國(guó)內(nèi)墻的原因，使用安裝會(huì)非常緩慢，慢到想切，不過(guò)還好，我們可以使用淘寶提供的國(guó)內(nèi)鏡像進(jìn)行下載。 本節(jié)將學(xué)習(xí) Laravel 是如何利用 Sass, NPM, Gulp形成一套完整的前端工作流模式的。 一、句法強(qiáng)大的樣式表Sass Sass 是一種可用于編寫(xiě)CSS的語(yǔ)言...

    liuchengxu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<