我網(wǎng)上找了下教程,成功了。首先控制臺(tái)實(shí)際上只是監(jiān)控style.scss的變化,變化了就編譯出style.css和map文件。
所以真正實(shí)現(xiàn)在瀏覽器修改本地代碼的是chrome,首先在setting中找到workspace,把本地包含整個(gè)項(xiàng)目目錄的文件夾加入到workspace 。就可以改修改瀏覽器文件也能改動(dòng)本地文件了。
具體參考:英文可以有道翻譯https://robots.thoughtbot.com/sass-source-maps-chrome-magic
所以真正實(shí)現(xiàn)在瀏覽器修改本地代碼的是chrome,首先在setting中找到workspace,把本地包含整個(gè)項(xiàng)目目錄的文件夾加入到workspace 。就可以改修改瀏覽器文件也能改動(dòng)本地文件了。
具體參考:英文可以有道翻譯https://robots.thoughtbot.com/sass-source-maps-chrome-magic
2018-05-09
&表示引用父元素,具體到老師的例子里表示引用nav a,這樣header &就表示header nav a{//css},目的主要還是組件化,復(fù)用
2018-04-16
這里的插值可以對(duì)比Vue.js的學(xué)習(xí),Vuejs中的插值是遵循 mustache模板語言的 {{}} 雙大括號(hào),這里是#{}的寫法
2018-04-14
1- $properties 可以理解為元組,是可以遍歷的。js中沒有元組的概念,元組是可以遍歷的數(shù)據(jù)結(jié)構(gòu)。
2-@each in 可以類比 for-in 具有遍歷接口的數(shù)據(jù)結(jié)構(gòu),可以遍歷
類比學(xué)習(xí),可以更好的理解。
2-@each in 可以類比 for-in 具有遍歷接口的數(shù)據(jù)結(jié)構(gòu),可以遍歷
類比學(xué)習(xí),可以更好的理解。
2018-04-14
$width : 200px;
$height : 300px;
body{
width : $width;
height : $height;
}
$height : 300px;
body{
width : $width;
height : $height;
}
2018-03-23