課程
/前端開發(fā)
/Sass/Less
/Sass入門篇
每次都要crtl+s保存，然后再刷新頁面才能看到變化
2015-11-11
源自：Sass入門篇 3-12
正在回答
1.在 chrome://flags/ 中啟用 Developer Tools Experiments (開發(fā)者工具實驗)2.在 Developer tools 設(shè)置 Experiments 選項下開啟File system folders in Sources Panel，再重啟Developer tools，就會多出Workspace選項。3.在Workspace中把你的資源目錄添加到File systems即可，如果CSS，JS鏈的是URL可以使用Mappings來設(shè)置路由（注意:結(jié)尾千萬不要加上\，他邏輯只判斷了是否以/結(jié)尾，否則就會變成path\/,略坑啊~~）
4. 需要安裝2個插接件：grunt-contrib-watch、connect-livereload⑴執(zhí)行命令：npm install --save-dev grunt-contrib-watch connect-livereload⑵. 安裝瀏覽器插件：Chrome LiveReload⑶. 配置一個Web服務(wù)器（IIS/Apache），LiveReload需要在本地服務(wù)器環(huán)境下運行（對file:///文件路徑支持并不是很好），需要127.0.0.1:8080這種的。⑷. 修改Gruntfile.js文件：
watch: {? ? ? ? ? ?css: {? ? ? ? ? ? ? ?files: '**/*.scss',? ? ? ? ? ? ? ?tasks: ['sass'],? ? ? ? ? ? ? ?options: {? ? ? ? ?livereload: true? ? ? ? ? ?}? ? ? ? ? ? ? ? }? ? ? ?}
weixin_慕神6223369
$('.class').click(function(){ ????alert(1) })
更改完樣式，在命令行中添加watch代碼，使得編譯代碼更新
comlejade 提問者
rehack_cn 回復(fù) comlejade 提問者
我是一塊磚 回復(fù) rehack_cn
一只會飛的豬 回復(fù) rehack_cn
舉報
Sass入門視頻教程，學(xué)會Sass使你擺脫重復(fù)編寫代碼的工作
1 回答瀏覽器如何更改SASS，使之生效
3 回答為啥我的chrome瀏覽器不能像老師一樣更改scss文件
2 回答為什么sass我的不能自動監(jiān)聽文件的改變呢
8 回答為什么使用sass --watch test.scss:css/test.css命令時，當(dāng)改變test.scss時，test.css的樣式不會自動改變
2 回答Sass展開輸出方式和內(nèi)嵌方式的Sass樣式里的區(qū)別
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-11-21
1.在 chrome://flags/ 中啟用 Developer Tools Experiments (開發(fā)者工具實驗)
2.在 Developer tools 設(shè)置 Experiments 選項下開啟File system folders in Sources Panel，再重啟Developer tools，就會多出Workspace選項。
3.在Workspace中把你的資源目錄添加到File systems即可，如果CSS，JS鏈的是URL可以使用Mappings來設(shè)置路由（注意:結(jié)尾千萬不要加上\，他邏輯只判斷了是否以/結(jié)尾，否則就會變成path\/,略坑啊~~）
4. 需要安裝2個插接件：grunt-contrib-watch、connect-livereload
⑴執(zhí)行命令：npm install --save-dev grunt-contrib-watch connect-livereload
⑵. 安裝瀏覽器插件：Chrome LiveReload
⑶. 配置一個Web服務(wù)器（IIS/Apache），LiveReload需要在本地服務(wù)器環(huán)境下運行（對file:///文件路徑支持并不是很好），需要127.0.0.1:8080這種的。
⑷. 修改Gruntfile.js文件：
watch: {
? ? ? ? ? ?css: {
? ? ? ? ? ? ? ?files: '**/*.scss',
? ? ? ? ? ? ? ?tasks: ['sass'],
? ? ? ? ? ? ? ?options: {
? ? ? ? ?livereload: true
? ? ? ? ? ?}
? ? ? ? ? ? ? ? }
? ? ? ?}
2015-11-17
$('.class').click(function(){ ????alert(1) })2015-11-12
更改完樣式，在命令行中添加watch代碼，使得編譯代碼更新