vscodeでrailsを使ったアプリを開発中です。
vscodeのversionは1.62.3、railsはversion: 7.0.0です。
html.erb拡張因子を持つファイルでhtmlのemmetを使いたいです。
googleで解決方法を探し以下のようにsetting.jsonファイルに記述をし
全てのファイル、vscode自体もリロードしました。
上記の設定で他の方はうまくemmetを使用できるようになっているようなのですが、
私のvscodeではうまくいきませんでした。
vscodeの拡張機能"erb"も入れ直しました。
json
1{ 2 "editor.fontSize": 15, 3 "editor.renderWhitespace": "all", 4 "emmet.triggerExpansionOnTab": true, 5 "editor.minimap.showSlider": "always", 6 "editor.minimap.renderCharacters": false, 7 "editor.hover.enabled": false, 8 "window.title": "${dirty}\${activeEditorMedium}${separator}${rootName}", 9 "editor.minimap.side": "left", 10 "workbench.tree.indent": 25, 11 "workbench.tree.renderIndentGuides": "always", 12 "editor.insertSpaces": false, 13 "editor.bracketPairColorization.enabled": true, 14 "workbench.iconTheme": "vscode-icons", 15 "workbench.colorTheme": "Solarized Dark", 16 "editor.formatOnSave": true, 17 "explorer.confirmDragAndDrop": false, 18 "explorer.confirmDelete": false, 19 "liveServer.settings.donotShowInfoMsg": true, 20 "editor.suggestSelection": "first", 21 "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", 22 "ruby.intellisense": "rubyLocate", 23 "ruby.useLanguageServer": true, 24 "ruby.rubocop.useBundler": true, 25 "ruby.format": "rubocop", 26 "ruby.lint": { 27 "rubocop": { 28 "useBundler": false 29 } 30 }, 31 "workbench.settings.useSplitJSON": true, 32 "files.associations": { 33 "*.erb": "erb" 34 }, 35 "emmet.includeLanguages": { 36 "erb": "html" 37 }, 38 "workbench.editor.enablePreview": false, 39 "workbench.editor.enablePreviewFromQuickOpen": false, 40 "solargraph.commandPath": "solargraphのPATH", 41 "ruby.intellisense": "rubyLocate", 42 "window.zoomLevel": 1, 43 "html-css-class-completion.enableEmmetSupport": true, 44 "tailwindCSS.emmetCompletions": true 45}
参考にした記事は以下のものです
VSCodeで、erbでもhtml拡張機能を使いたい
画像ではテキストコピーできないので配慮願います。
コードは基本テキストでコピーペーストでの提示です。
あと、参考にした記事URLも提示してください。その記事が絶対にあっているという保証はないです。特に個人記事は「俺がうまく行ったやり方」だけが書かれていて、試行錯誤の内容まで言及されてない、省略されていることも多いです。
改善の指摘をありがとうございます。
コードと参考にした記事の追加を行いましたので確認していただけると幸いです
半端な状態で提示されてませんか?
画像のものよりも少ないですし・・
必要な部分と思われるところのみ切り取ってしまいました。申し訳ありません。
再度、setting.jsonファイルに記述したコードを全て更新しましたのでよろしくお願いします。
あなたの回答
tips
プレビュー