vsCode構成easy sassプラグイン変換css、wxss、acss


vsCode構成easy sassプラグイン変換css、wxss、acss


問題の説明


ウィジェット開発ではeasy sassプラグインを使用してvsCodeで自動変換を構成する場合があります.以下は構成方法です.

ソリューション


まず下図を添付し、さらに一歩配置します.
  • vsCodeにeasy sassプラグインをインストールします.
  • フォルダを作成します.vscode .vscodeフォルダの下にsettingsという名前を作成します.jsonのファイル(現在のプロジェクトの構成に対して、グローバルの構成はグローバルのsettings.jsonに追加)settings.jsonの構成内容は以下の通り:
  • "easysass.formats": [
        {
            "format": "expanded",  //      、   css  
            "extension": ".wxss"  //      
        },
    ]
    
  • easysass.formatsはコンパイル出力のcssスタイルを設定し、複数の異なるスタイルのCSSファイルを同時にコンパイル出力することができる.

  • easysass.formats.formatは、対応するスタイルを生成するCSSをコンパイルするための4つのオプションをサポートします.
  • nested:ネストされたインデントcssコード.
  • expanded:インデントされていない拡張cssコード.
  • compact:簡潔な形式のcssコード.
  • compressed:圧縮されたcssコード.

  • easysass.formats.extensionはその名の通りコンパイル出力のファイル名を設定します