VSコード設定を特定項目のみに適用する


Problem


Node.js教科書(趙賢英)のフロント実習コードで以下のエラーが発生しました.

reactを勉強していない読者を考慮して、より簡単なnunujucksでフロントを実現し、htmlテンプレート文法には言うことを聞かない人がいます.(すべてのフロントエンドコードがコピーされていてもエラーが発生します)

Solution


StackOverFlowで調べてみると、コード上の問題かどうかはわかりませんが、VSコードの設定を変更すればエラーは発生しません.
△nujucksやdjangoのhtmlテンプレートの文法に気を使っているようです.

低HTML>Validate:Stylesプロパティの選択を解除すると、エラーは消えます.
ただし、この時点でVSCodeの設定自体を変更した場合、現在問題が発生している項目に加えて、VSCodeで編集したコード愛を適用することもできます.
今は間違いが解決していますが、1-2年後に私がどんな設定をしたかさえ覚えていなければ、変な蝶の効果が出たら頭が痛くなります.

特定の項目に対してのみVSコードの設定を適用しましょう。

  • .vscodeプロジェクトのルートディレクトリにフォルダを作成
  • .vscode|フォルダ内settings.jsonファイルの作成
  • json構文に従って、このプロジェクトにのみ適用したい設定を作成します.
  • 私の問題では、以下のコードを入力すると正常に適用され、エラーが消えます.
    ...
    
    {
      "html.validate.styles": false
    }

    Reference

  • https://stackoverflow.com/questions/57352156/error-property-value-expected-css-and-at-rule-or-selector-expected-css-editi