亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為啥我的chrome瀏覽器不能像老師一樣更改scss文件

是不是哪里設置問題

正在回答

3 回答


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
? ? ? ? ? ?}
? ? ? ? ? ? ? ? }
? ? ? ?}


0 回復 有任何疑惑可以回復我~

找到了,在chrome://flags/ 勾選http://img1.sycdn.imooc.com//58009cd30001d67406370435.jpg

1 回復 有任何疑惑可以回復我~

chorme需要在“chrome://flags/”里面啟用Developer Tools Experiments (開發者工具實驗)

1 回復 有任何疑惑可以回復我~
#1

碎碎想

我的chrome打開“chrome://flags/ 里面找不到Developer Tools Experiments (開發者工具實驗)這一項??
2015-12-29 回復 有任何疑惑可以回復我~
#2

rehack_cn

我開啟了開發者工具實驗性功能,為啥還是不能修改 sources里的scss文件
2016-05-19 回復 有任何疑惑可以回復我~
#3

weibo_比小麻雀還憤怒_0 回復 rehack_cn

我也是,這個問題你解決了沒有?
2016-06-18 回復 有任何疑惑可以回復我~
#4

rehack_cn 回復 weibo_比小麻雀還憤怒_0

還木有啊
2016-06-22 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消

為啥我的chrome瀏覽器不能像老師一樣更改scss文件

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號