Webstorm And VSCODE 中配置LESS/SASS转换成CSS文件

  Now，已经有很多种方法将LESS/SASS的文件转成CSS文件，如：webpack、gulp等

  现在想说一下在写PC/HTML5静态页面的时候为了方便快捷，而不是用构建工具那么如何将LESS/SASS的文件转成CSS文件？

  ******

  现在VSCODE备受欢迎已经不用多说：

  ******

1. 需要下载 Easy LESS 插件
2. 安装成功打开设置 User Settings 
3. 加入设置

   "less.compile": {
       "compress": true, //删除多余的空格
       "sourceMap": false,//是否生成.css.map文件
       "out": "..\\css\\", //输出文件的位置，这里设置的是LESS文件将转化在与父级同级css文件下面，如果想设置在根目录下面则为："${workspaceRoot}\\css\\"
       "outExt": ".css"  //输出文件类型，默认CSS
     }

    

4.  愉快的Lu代码

  ******

  Webstorm中为 ：

  ******

1. 使用npm下载LESS

    npm install -g less

    

2. 打开webstorm => Setting => Tools => File Watcher 添加“+”选择LESS，会出现
3. 
4. Program：文件选择为你下载后的lessc.cmd文件
5. Arguments：输入

   $FileName$ $FileParentDir$\css\$FileNameWithoutExtension$.css --source-map
   
   // 注释 $FileParentDir$ 意思为与Less文件夹同级，
   // 并新建css文件
   // $FileNameWithoutExtension$相同的名字
   

    

6. Output Paths ti refesh可以不用输入，或者不动。