導航:首頁 > 源碼編譯 > scss編譯報錯無法執行

scss編譯報錯無法執行

發布時間:2023-08-16 11:45:48

① 用compass編譯sass,進入目錄後執行compass watch 後然後書寫scss文件卻沒有進行編譯,這是怎麼回事呢

您好,這樣的:
Sass的安裝:
1.安裝:SASS是Ruby語言寫的,但是兩者的語法沒有關系。不懂Ruby,照樣使用。只是必須先安裝Ruby,然後再安裝SASS。
假定你已經安裝好了Ruby,接著在命令行輸入下面的命令:
gem install sass

然後,就可以使用了。
2:使用:
SASS文件就是普通的文本文件,裡面可以直接使用CSS語法。文件後綴名是.scss,意思為Sassy CSS。SASS提供兩種編譯方式,一種是手動編譯,一種是監視編譯(–watch),手動編譯就是當你撰寫好CSS時下指令去做編譯,監視編譯則是你指令一個目錄,當此目錄裡面的*.scss檔案有改變時(新增、覆寫等等),就會自動去做編譯的動作。先來講手動編譯方式:
下面的命令,可以在屏幕上顯示.scss文件轉化的css代碼。(假設文件名為test。)
sass test.scss
如果要將顯示結果保存成文件,後面再跟一個.css文件名。
sass test.scss test.css
SASS提供四個編譯風格的選項:
* nested:嵌套縮進的css代碼,它是默認值。
* expanded:沒有縮進的、擴展的css代碼。
* compact:簡潔格式的css代碼。
* compressed:壓縮後的css代碼。
生產環境當中,一般使用最後一個選項。
sass –style compressed test.sass test.css
還有一種監視的方式做編譯,在命令行中切換到當前sass或者scss文件所在的目錄,然後運行
sass –watch scss:css

SASS的官方網站,提供了一個在線轉換器。你可以在那裡,試運行下面的各種例子。
Compass的安裝:
1.安裝:安裝ruby之後,輸入命令
gem install compass

2.使用:創建一個 COMPASS 項目
在命令行中切換到你需要創建項目的目錄,運行:
compass create "projectname"

這個命令會創建一個包含一系列文件的目錄,其中最重要的是配置文件 config.rb,其他文件如果你不需要都可以刪除。
在 config.rb 中你可以修改 SASS 和 CSS 的目錄及其它一些基礎設置。
實時編譯 SASS 文件
COMPASS 提供的默認方法是:
在命令行下切換到項目目錄,運行
compass watch

COMPASS 將會實時監控 SASS 目錄的文件變化,只要你一保存文件,立即將相應文件編譯為 CSS 文件。

閱讀全文

與scss編譯報錯無法執行相關的資料

熱點內容
mysql命令行版本 瀏覽:303
如何進入itunes找文件夾 瀏覽:830
CAD中重復命令使用 瀏覽:477
心智pdf 瀏覽:473
網站電台直播間源碼 瀏覽:850
文件夾14c和18c的區別 瀏覽:34
android隱式調用 瀏覽:667
plc的編程指令邊沿繼電器 瀏覽:721
voc文件夾 瀏覽:862
租廣東聯通伺服器注意什麼雲空間 瀏覽:932
javascript高級程序設計pdf 瀏覽:289
pwm單片機原理 瀏覽:346
ai演算法在線修復圖片 瀏覽:979
scratch編程中如何做射擊游戲 瀏覽:476
at89c51編程器 瀏覽:341
項目經理叫醒程序員 瀏覽:342
autocad旋轉命令 瀏覽:660
手機版wpsoffice怎麼打包文件夾 瀏覽:579
在成都學車用什麼app 瀏覽:818
grep命令管道 瀏覽:426