質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Windows 10

Windows 10は、マイクロソフト社がリリースしたOSです。Modern UIを標準画面にした8.1から、10では再びデスクトップ主体に戻され、UIも変更されています。PCやスマホ、タブレットなど様々なデバイスに幅広く対応していることが特徴です。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

Auto Scaling

Auto Scalingは、AmazonEC2のインスタンスを自動で調整することで スケーリングを行うサービスです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

1544閲覧

vscodeのauto close tag が反応しない

nekomannma

総合スコア15

Windows 10

Windows 10は、マイクロソフト社がリリースしたOSです。Modern UIを標準画面にした8.1から、10では再びデスクトップ主体に戻され、UIも変更されています。PCやスマホ、タブレットなど様々なデバイスに幅広く対応していることが特徴です。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

Auto Scaling

Auto Scalingは、AmazonEC2のインスタンスを自動で調整することで スケーリングを行うサービスです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/09/17 14:15

今回はvscodeの拡張機能についてご質問があります。

現在、vscodeでcodeを記載しているのですが、
8月のupdateが原因か不明ですが、
今までできていたことができなくなってしまいました。

それは自動で終わりのtagが出てくることです。

例えば、<div>と打つと自動で</div>がでてきて

<div></div>がcodeされるようになっていたことができなくなってしまいました。

原因を調査している過程で以下の2つが出てきました。

1.settings.jsonの設定
"html.autoClosingTags": true,

2.拡張機能でauto close tagを導入

の2つが判明して改善を試みたのですが変化がありませんでした。

他の原因もしくは他の方法がありましたらご教授ください。

もしかしたらsettings.jsonのほかに原因があるかもなので
以下にsettings.jsonの記載codeを載せておきます。

settings.json

1{ 2 "workbench.iconTheme": "vscode-icons", 3 "diffEditor.renderSideBySide": false, // Git の差分を行内に表示 4 "editor.colorDecorators": false, // カラーデコレーターを非表示 5 "editor.formatOnPaste": true, // ペースト時に自動でフォーマット 6 "editor.formatOnSave": true, // ファイル保存時に自動でフォーマット 7 "editor.formatOnType": true, // 入力した行を自動でフォーマット 8 "editor.multiCursorModifier": "ctrlCmd", // マウスでの複数選択時の修飾キーを変更 9 "editor.renderControlCharacters": true, // 制御文字を表示 10 "editor.renderLineHighlight": "all", // 選択行を行番号含めすべてハイライト 11 "editor.renderWhitespace": "all", // 半角スペースを常に表示 12 "editor.snippetSuggestions": "top", // Emmet などのスニペット候補を優先して表示 13 "editor.tabSize": 1, // タブのサイズ変更 14 "editor.wordWrap": "on", // エディターの幅で折り返し 15 "emmet.showSuggestionsAsSnippets": true, // Emmet の候補を表示 16 "emmet.triggerExpansionOnTab": true, // TAB キーで Emmet を展開できるようにする 17 "emmet.variables": { // Emmet で展開される HTML の言語を変更 18 "lang": "ja" 19 }, 20 "emmet.includeLanguages": { 21 "erb": "html", 22 "vue": "html", 23 "vue": "css" 24 }, 25 "explorer.confirmDelete": false, // ファイル削除時の確認を表示しない 26 "files.associations": { // ファイルと言語の関連付けを変更 27 ".*lintrc": "json" 28 }, 29 "files.exclude": { // エクスプローラーから非表示にするファイル 30 "**/*.map": true, 31 "**/node_modules": true 32 }, 33 "files.insertFinalNewline": true, // ファイルの保存時に末尾を改行 34 "files.trimFinalNewlines": true, // ファイルの保存時に最終行以降をトリミング 35 "files.trimTrailingWhitespace": true, // ファイルの保存時に行末の空白をトリミング 36 "[markdown]": { 37 "files.trimTrailingWhitespace": false // Markdown のファイルは行末の空白をトリミングしない 38 }, 39 "html.format.contentUnformatted": "pre, code, textarea, title, h1, h2, h3, h4, h5, h6, p", // タグ内の記述はフォーマットしない 40 "html.format.extraLiners": "", // head, body, /html タグの前に改行を入れない 41 "html.format.unformatted": null, // フレージング・コンテンツ(旧インライン要素のようなタグ)はフォーマットしない 42 "html.format.wrapLineLength": 0, // 行の文字数制限を無くし自動で改行させない 43 "html.autoClosingTags": true, 44 "search.exclude": { // 検索対象外にするファイル設定( files.exclude のファイルも含む) 45 "**/tmp": true 46 }, 47 "window.openFoldersInNewWindow": "on", // 新規ワークスペースを別ウインドウで開く 48 "window.title": "${activeEditorMedium}${separator}${rootName}", // ウインドウ上部に表示する文字列の設定 49 "workbench.editor.tabSizing": "shrink", // タブの表示設定 50 "workbench.startupEditor": "none" // Welcome Page を表示しない 51} 52

以上になります。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問