webstormにlessを配置する方法詳細

1212 ワード

まずnodeとnpmの環境が必要です。なければ先にダウンロードしてください。
https://nodejs.org/en/
そして、lessをダウンロードします
在这里插入图片描述

cnpm install less -g

npm install less -g
cnpmはtaobaoの鏡像-g全体を洗ってダウンロードするのです。
上の住所を先にコピーしてください。これです。
この図を見てください。
在这里插入图片描述
上のパスをコピーして後ろにC:\Users\18309\AppData\Roaming
pm\lessc
を追加します。

C:\Users\18309\AppData\Roaming
pm\lessc.cmd
これです。再起動します。
新しいlessファイルを作成します。
在这里插入图片描述
私のこれなどのものを書きます。

body{
 width: 100px;
 height: 100px;

 div{
  color: red;
 }
}
そして、2つのファイルが追加されていることに気づきます。
在这里插入图片描述
以上、webstormでlessを配置する方法について詳しく説明した文章をここに紹介します。もっと関連するwebstorm配置lessの内容は以前の文章を検索したり、下記の関連記事を引き続き閲覧したりしてください。これからもよろしくお願いします。