less/sassを書くのは慣れているのですが、cssがないアプリを開発している今、慣れていません。ネットで見つけたチュートリアルはgulpかvscodeのEasy-lessプラグインです。
伝統的な方法
両者の長所と短所を比較対照するために。
gulp
前者はgulpの簡単な理解を持っているはずですが、現在ではwebpackの路線になり、gulpを使う人も少なくなってきており、それなりの学習コストがかかりますが、カスタマイズの度合いが高く、独自のテイクを追加できるのが良い点です。
VScodd用イージーレスプラグイン
VScoddに直接Easy-lessプラグインをインストールし、seting.jsonを設定することで、より少ないプラグインを楽しく使うことができます！
新しい方法
ひょんなことから、スクリーンショットを Would you like to use less in an app? で誰かがスクリーンショットを投稿していました。
また、vscodeエクステンションを直接使用するのも簡単です。
私なりの操作を繰り返した結果、それが可能であることが証明されました。
ステップ
- Vscode Easy-lessのインストール
- Extensionsフォルダ 解凍されたフォルダは~/.vscode/extensionsまたはC:¥Usersユーザ名.vscode¥Extensionsの下にあります。
- Easy-lessはデフォルトでcssを出力しますが、アプレットは.wxssファイルを使用しなければならないので、出力ファイルの拡張子を設定するだけです。
- 公式ドキュメント - エディタ拡張機能
- vscode-easy-less
- アプリの使用量を減らしたいですか？
