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

938 ワード

ウィジェット開発では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はその名の通りコンパイル出力のファイル名を設定します