[ReactでCSSのEmmet使えない]

Setting

{ //IDやクラス名が閉じタグの後ろにコメントとして自動挿入 "emmet.syntaxProfiles": { "html": { "filters": "html,c" } }, "emmet.preferences": { "filter.commentAfter": "<!-- /[#ID][.CLASS] -->" }, "liveSassCompile.settings.formats": [ //Sassの出力内容の設定 { "format": "expanded", //nested、compact、compressedのどれかを選ぶ "extensionName": ".css", //style.cssとして出力 "savePath": "~./../asset/css/main" //cssフォルダの中にstyle.cssを出力 // ~/..を/cssに入れる //"~./../asset/css/ }, { "format": "expanded", //nested、compact、compressedのどれかを選ぶ "extensionName": ".css", //style.cssとして出力 "savePath": "~./../asset/css/main/" //cssフォルダの中にstyle.cssを出力 // ~/..を/cssに入れる //"~./../asset/css/ } ], "liveSassCompile.settings.excludeList": [ //対象外とするフォルダを指定 "**/node_modules/**", ".vscode/**", ".history/**" ], "liveSassCompile.settings.autoprefix": [ //ベンダープレフィックスの指定 "last 2 versions", "ie >= 11", "Android >= 4", "ios_saf >= 8" ], "liveServer.settings.donotShowInfoMsg": true, "intelephense.diagnostics.undefinedFunctions": false, "php.validate.executablePath": "C:\\xampp\\php\\php.exe", "bracketPairColorizer.depreciation-notice": false, "editor.fontSize": 15, "workbench.colorTheme": "Monokai", "workbench.iconTheme": "material-icon-theme", "liveServer.settings.CustomBrowser": "chrome", "editor.tabSize": 2, "editor.detectIndentation": false, "[php]": { "editor.detectIndentation": true, "editor.insertSpaces": false }, "intelephense.completion.fullyQualifyGlobalConstantsAndFunctions": true, "intelephense.diagnostics.undefinedTypes": false, "editor.renderWhitespace": "all", "explorer.confirmDelete": false, "explorer.confirmDragAndDrop": false, "workbench.productIconTheme": "material-product-icons", "editor.formatOnSave": true, "prettier.arrowParens": "avoid", "prettier.bracketSpacing": false, "emmet.includeLanguages": { "javascript": "javascriptreact, css, html", "typescript": "typescriptreact", }, "css.enabledLanguages": [ "html", "css", "php", "react" ], "emmet.optimizeStylesheetParsing": false, "emmet.showSuggestionsAsSnippets": true }