課程
/前端開發
/Sass/Less
/Sass入門篇
是不是哪里設置問題
2015-10-31
源自: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? ? ? ? ? ?}? ? ? ? ? ? ? ? }? ? ? ?}
找到了,在chrome://flags/ 勾選
chorme需要在“chrome://flags/”里面啟用Developer Tools Experiments (開發者工具實驗)
碎碎想
rehack_cn
weibo_比小麻雀還憤怒_0 回復 rehack_cn
rehack_cn 回復 weibo_比小麻雀還憤怒_0
舉報
Sass入門視頻教程,學會Sass使你擺脫重復編寫代碼的工作
3 回答為什么我更改sass樣式不能立即在瀏覽器中看到變化
1 回答瀏覽器如何更改SASS,使之生效
3 回答?為什么老提示找不到scss文件
3 回答css文件后綴名換成scss樣式出不來
2 回答為什么sass我的不能自動監聽文件的改變呢
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-10-14
找到了,在chrome://flags/ 勾選
2015-12-17
chorme需要在“chrome://flags/”里面啟用Developer Tools Experiments (開發者工具實驗)