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

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

ただいまの
回答率

88.06%

【悲報】visual studio codeコード整形ができない…

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 31K+
退会済みユーザー

退会済みユーザー

【visual studio codeバージョン】
1.2.1

【現在の状態】
以下はvisual studio codeショートカットキーエディタから引用

{ "key": "shift+alt+f",           "command": "editor.action.format",
                                     "when": "editorTextFocus" },

以上のエディタにあるshift+alt+fのショートカットキーを何度試してもコード整形されません。

・ソースファイルにカーソルをおいて、shift+alt+fショートカットキー押しても何も変わらない。
・ソースファイルすべて選択(ctrl+a)を押してから、shift+alt+fショートカットキー押しても何も変わらない。

【質問】
以上の状況から何か原因がわかる方、ご教授お願いします。

【追記】

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
</head>
<style type="text/css">
h1{
    text-align: center;
    margin-top: 100px;
}
</style>
<body>
<h1>senpai,notice me!</h1>
</body>
</html>
  • 気になる質問をクリップする

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • masaya_ohashi

    2016/06/17 15:24

    なんのファイルをコード整形しようとしていますか?タグにあるjsonファイルですか?

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2016/06/17 15:38 編集

    >>なんのファイルをコード整形しようとしていますか?
    例えばvscodeで開いたhtmlファイルです。



    >>タグにあるjsonファイルですか?
    vscodeのショートカットキー参照ファイルの拡張子がjsonです。
    そのファイルからコピペしてここへ(質問に)貼り付けただけです。

    キャンセル

  • kgtkr

    2016/10/15 15:41

    【悲報】って…ここ2chじゃないんだから

    キャンセル

回答 3

checkベストアンサー

+1

私の環境下ではshift+alt+fでHTMLが整形できました。
可能性としては…そもそもHTMLが整形出来ないレベルで構文を間違えているか、
shift+alt+fのショートカットがなにかと衝突していることでしょうか。
ショートカット一覧でshift+alt+fを探して、2つ存在しないか確認してみてください。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/06/17 23:28

    >>フォーマットをかけようとしているファイルの拡張子がhtmlではなかったりしませんか?

    確認しましたが、html拡張子で間違いありませんでした。

    >>全角文字が混じってるとかスペースが混じってるとか…

    全角スペースはありませんでした。


    【自分自身の分析】
    前に使っていたエディタがSublime Text3でした。そのエディタで編集したソースを開いてるのが原因かなと感じました。なぜなら、Visual studio codeで作ったソースファイルはコード整形ができるからです。
    以上が関係なければ、Visual studio codeエディタ自体の不具合であるかなと思います。

    キャンセル

  • 2016/06/18 01:05

    文字コードのUTF8やBOMありなしが関係あるかもしれないですね

    キャンセル

  • 2016/06/19 11:43

    そうですか…

    キャンセル

+1

ソースを拝見したところ、html タグが開いていないようです。
そのため、html ファイルと認識されていないのかもしれません。

<!DOCTYPE html>
<head>

この部分を

<!DOCTYPE html>
<html>
<head>

こうしてみてください。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/06/19 13:18 編集

    なるほど、納得しました。google chromeでhtmlファイルを実行し、右クリックの検証をクリックしてソースみたら<!DOCTYPE html>の次に自動的に<html>タグが割り振れてありました。

    書かなくてもいいかもしれませんが、礼儀として書いた方がいいということですね。
    勉強になりました。ありがとうございます。

    ところで、<!DOCTYPE html>の次にhtmlタグを書かなくても正常にコード整形されたようなので、どうやら関係ないようでした。

    キャンセル

  • 2016/06/19 13:22

    礼儀がどうこうでなく、書かなくてはいけません。
    書かない場合、正常に処理できなくても文句は言えません。

    解決したなら、どう解決したのかを書いて問題を共有してください。

    キャンセル

  • 2016/06/19 13:24

    参考情報です。

    W3CのHTML5の仕様(http://www.w3.org/TR/html5/syntax.html#syntax)
    を見ると、
    8.1 Writing HTML documentsに、
    > Documents must consist of the following parts, in the given order:
    > 1. Optionally, a single "BOM" (U+FEFF) character.
    > 2. Any number of comments and space characters.
    > 3. A DOCTYPE.
    > 4. Any number of comments and space characters.
    > 5. The root element, in the form of an html element.
    > 6. Any number of comments and space characters.

    とあり、3.のDOCTYPEと5.のhtml要素は明確に分かれています。また、順序についてもこの順であることになっています。mustなので、仕様的には、書いても良い、というより書くべき内容と思います。

    キャンセル

0

Ctrl+K Ctrl+D

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/06/17 16:06

    ctrlを長押しで、Kキーの次にDキーですよね??
    試して見ましたけどダメでした。

    キャンセル

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

  • ただいまの回答率 88.06%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る