課程
/前端開發
/Sass/Less
/Sass入門篇
保存不了...
2015-08-21
源自:Sass入門篇 3-12
正在回答
1.在 chrome://flags/ 中啟用 Developer Tools Experiments (開發者工具實驗)2.在 Developer tools 設置 Experiments 選項下開啟File system folders in Sources Panel,再重啟Developer tools,就會多出Workspace選項。3.在Workspace中把你的資源目錄添加到File systems即可,如果CSS,JS鏈的是URL可以使用Mappings來設置路由(注意:結尾千萬不要加上\,他邏輯只判斷了是否以/結尾,否則就會變成path\/,略坑啊~~)
4. 需要安裝2個插接件:grunt-contrib-watch、connect-livereload⑴執行命令:npm install --save-dev grunt-contrib-watch connect-livereload⑵. 安裝瀏覽器插件:Chrome LiveReload⑶. 配置一個Web服務器(IIS/Apache),LiveReload需要在本地服務器環境下運行(對file:///文件路徑支持并不是很好),需要127.0.0.1:8080這種的。⑷. 修改Gruntfile.js文件:
watch: {? ? ? ? ? ?css: {? ? ? ? ? ? ? ?files: '**/*.scss',? ? ? ? ? ? ? ?tasks: ['sass'],? ? ? ? ? ? ? ?options: {? ? ? ? ?livereload: true? ? ? ? ? ?}? ? ? ? ? ? ? ? }? ? ? ?}
坨坨兒
同求,我這邊也保存不了
我的問題解決了,
左側文件列表處點擊右鍵 save,scss 自動就修改了
查看手冊 ?肯定有答案
Frank_0030 提問者
煙云懷僧
舉報
Sass入門視頻教程,學會Sass使你擺脫重復編寫代碼的工作
1 回答需要把scss文件放在哪個路徑下啊
2 回答在webStorm中如何創建scss文件
4 回答請問我怎么關掉 這個監聽的啊
2 回答其實我是在左面新建了一個exercise文件夾,這個文件夾里面有個sass文件夾,sass文件夾下面又包含了一個scss和css文件夾,現在我想把scss下的一個文件編譯到css文件夾下面,在命令行中輸入這個命令:sass C:\Users\Administrator\Desktop\exercise\sass\scss\.scss : C:\Users\Administrator\Desktop\exercise\sass\css\ 就報上面的那個錯誤,有哪位大神可以解答下么
1 回答多個文件編譯報錯
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-11-21
1.在 chrome://flags/ 中啟用 Developer Tools Experiments (開發者工具實驗)
2.在 Developer tools 設置 Experiments 選項下開啟File system folders in Sources Panel,再重啟Developer tools,就會多出Workspace選項。
3.在Workspace中把你的資源目錄添加到File systems即可,如果CSS,JS鏈的是URL可以使用Mappings來設置路由(注意:結尾千萬不要加上\,他邏輯只判斷了是否以/結尾,否則就會變成path\/,略坑啊~~)
4. 需要安裝2個插接件:grunt-contrib-watch、connect-livereload
⑴執行命令:npm install --save-dev grunt-contrib-watch connect-livereload
⑵. 安裝瀏覽器插件:Chrome LiveReload
⑶. 配置一個Web服務器(IIS/Apache),LiveReload需要在本地服務器環境下運行(對file:///文件路徑支持并不是很好),需要127.0.0.1:8080這種的。
⑷. 修改Gruntfile.js文件:
watch: {
? ? ? ? ? ?css: {
? ? ? ? ? ? ? ?files: '**/*.scss',
? ? ? ? ? ? ? ?tasks: ['sass'],
? ? ? ? ? ? ? ?options: {
? ? ? ? ?livereload: true
? ? ? ? ? ?}
? ? ? ? ? ? ? ? }
? ? ? ?}
2016-05-30
同求,我這邊也保存不了
2015-09-15
我的問題解決了,
左側文件列表處點擊右鍵 save,scss 自動就修改了
2015-08-21
查看手冊 ?肯定有答案