我正在使用VS CODE的Live SASS Compiler扩展,但每次我更改任何SASS文件中的某些内容时,我都应该保存(文件和 style.SCSS) ..
例如,如果我有_navbar.scss
然后我更改了此文件中的某些内容并返回浏览器没有发生任何事情,并且更改不会发生,直到我转到 VS CODE 并style.scss
再次保存以提交最后的更改。它总是发生,我尝试了一些方法来解决它,但没有任何帮助..
注意/ style.scss 是主文件,我在这个主文件中导入每个 SCSS 文件。
Note2/ 我尝试在其他 PC 上进行扩展,它可以正常工作。
这是我settings.json
的 Live Sass 编译器。
{
"workbench.startupEditor": "newUntitledFile",
"editor.minimap.enabled": false,
"workbench.statusBar.visible": true,
"workbench.iconTheme": "material-icon-theme",
"editor.renderWhitespace": "all",
"liveServer.settings.donotShowInfoMsg": true,
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"liveServer.settings.donotVerifyTags": true,
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"javascript.updateImportsOnFileMove.enabled": "always",
"terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
"material-ui-snippets.showNotesOnStartup": false,
"terminal.integrated.fontFamily": "monospace",
"terminal.external.windowsExec": "C:\\\\Program Files\\\\Git\\\\bin\\\\bash.exe",
"tabnine.experimentalAutoImports": true,
"terminal.integrated.fontSize": 12,
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"breadcrumbs.enabled": false,
"workbench.activityBar.visible": false,
"editor.fontFamily": "Consolas, 'Courier New'",
"terminal.integrated.automationShell.linux": "",
"[dart]": {
"editor.formatOnSave": true,
"editor.formatOnType": true,
"editor.rulers": [
80
],
"editor.selectionHighlight": false,
"editor.suggest.snippetsPreventQuickSuggestions": false,
"editor.suggestSelection": "first",
"editor.tabCompletion": "onlySnippets",
"editor.wordBasedSuggestions": false
},
"files.associations": {
"*.dart": "dart"
},
"editor.formatOnSave": true,
"files.autoSave": "onWindowChange",
"[scss]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"window.zoomLevel": 1
}