作者e3114 (艾利)
看板Web_Design
標題[問題] brackets編譯scss問題
時間Thu Jul 11 11:57:23 2019
各位前輩好,
最近想開始學用SCSS,但是一直沒辦法成功編譯SCSS檔案。
我是用brackets編輯器,安裝brackets-sass套件後,照作者的教學安裝Node / Git / bower / bourbon#4.2.0
建立一個.brackets.json檔案:
{
"path": {
"scss/common.scss": {
"sass.enabled": true,
"sass.options": {
"outputDir": "../css/",
"includePaths": ["../bower_components/bourbon/dist/"],
"sourceComments": true,
"outputStyle": "nested"
}
}
}
}
然後雖然新增.scss檔案之後,成功產生了.css / .css.map
但是是在同一個目錄底下,而非我指定的"outputDir": "../css/"目錄底下
而在scss裡寫的東西也沒有編譯到css中...
不知道是哪個步驟有問題?想請問有沒有使用brackets的前輩能夠指點迷津,謝謝了~~
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.218.40.109 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1562817445.A.D41.html
→ Rplus: 可以直接在線上(codepen)練習 scss 語法 07/12 00:31
→ Rplus: 本機測試可以用懶人app prepros 07/12 00:32
→ Rplus: Chrome 有個套件 Web Maker 滿像 Codepen 的,可離線運作 07/12 00:33
→ e3114: 謝謝R大,prepros編譯成功了! 07/12 13:39
→ e3114: 但還是想知道brackets問題在哪 哈哈 07/12 13:39
→ nohara001: Vs code 直接裝套件也不錯用 07/12 15:10
→ Rplus: 主要應該是用 brackets 的人不多了 XDDD 07/14 21:42
推 Haruna1998: brackets 開啟速度好慢 不知道是不是我電腦的問題 07/20 17:27
推 soft2165: prepros 滿好用的, 後來有付費支持. 07/28 12:51