2.webstorm中只要创建了less扩展名的文件，就会有提示只要你同意就会创建一个firewatchers任务，但是这个默认的任务只能编译出css。我们需要对这个任务进行一些小小的修改，以便能达到产出sourcemap。
原版配置
改造后的配置
3.对Arguments 和Output paths to refresh这两项进行了修改
Arguments
1
--no-color --source-map=$FileNameWithoutExtension$.css.map $FileName$
Output paths to refresh
1
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
这样就能够既产出.css文件又能产出.map文件了
产出的对应的map文件为
1
{"version":3,"sources":["app.less"],"names":[],"mappings":"AAAGEACF,YAAAAAEEEACA,aAAAAAEEEACJ,UAAAEACA,eAAAEACA,iBAAA"}
是不是很棒呢，经过简单设置就可以快乐开发了！
4.修改命令的依据是
1
lessc app.less app.css --source-map=app.css.map
使用sublime编辑器，如果你想使用less，那么我们就需要安装插件啦！
插件一：less
插件二：less2css。
第一个插件less可以使less文件代码高亮，很是友好哦。
第二个插件less2css可以在你保存less文件的同时在相同目录下生成同名的css文件。
安装步骤来啦！
ctrl +shift +p 或 preferences->package control
在文本框中输入install后再输入less按回车 ， 此时注意sublime左下角的信息安装提示，一般都会成功的。成功之后只需要重启sublime就可以看到less文件的代码高亮显示啦！
同样的步骤安装less2css。但是less2css安装完成后还不可以，less2css插件依赖lessc这个工具，https://github.com/fengdi/lessc下载这个压缩包，然后解压后放到Sublime
Text\Data\Packages\lessc文件夹里，重启sublime，编辑less文件之后保存，css文件一并就生成啦！
整个安装过程中，刚开始下载了less.js-windows文件，还要设置环境变量，但sublime下一保存less文件就会出现错误，解决了一个问题还是会出现其他的错误，最终放弃了。希望大家可以不走弯路，快乐的使用sublime吧！
接着，如果你在保存less文件中，如果出现了以下问题：
"Preferences"
->"Package Settings" ->"Less2Css" ->"Settings - user"
添加如下代码：
{
"minify": false,
}
就可以啦。
如果加载less文件，可以在head标签内部添加这些。这种方式下，测试火狐可以正常显示less设置的样式。谷歌是不可以。
所以咱们还是用上边的less2css转化为css后，老老实实加载css吧。
安装Less2Css时，需要先安装Package Control。查看是否安装Package Control :可以点击菜单 Prefrences ，看下是否有Package Control子菜单，或者快捷键（Ctrl+Shift+P）输入Package Control。
如果没有找到，则需要安装.
安装Package Control步骤：1. https://github.com/wbond/sublime_package_control 下载该文件；2.Prefrences >Browser Packages会打开Sublime的安装目录，点击上一层找到Installed Packages文件夹，打开该文件夹，将步骤1中下载的文件解压到改文件夹内。3.重启Sublime。
完成Package Control安装后，可以进行下一步，安装Less2Css
步骤：1.快捷键 Ctrl+Shift+P（菜单 – Tools – Command Paletter），输入 install 选中Install Package并回车，输入或选择Less2Css（注意左下角的小文字变化，会提示安装成功）。
2. https://github.com/duncansmart/less.js-windows 下载该文件并解压到本地目录（eg:D:\less.js-windows-master）；点击计算机 右击 属性，选择高级系统设置，编辑Path ,将解压目录，添加到PATH中。
![[码尚教育]Python全栈自动化VIP课程对标大厂标准测开涨薪M211期M212期怎么样 值得？](/aiimages/%5B%E7%A0%81%E5%B0%9A%E6%95%99%E8%82%B2%5DPython%E5%85%A8%E6%A0%88%E8%87%AA%E5%8A%A8%E5%8C%96VIP%E8%AF%BE%E7%A8%8B%E5%AF%B9%E6%A0%87%E5%A4%A7%E5%8E%82%E6%A0%87%E5%87%86%E6%B5%8B%E5%BC%80%E6%B6%A8%E8%96%AAM211%E6%9C%9FM212%E6%9C%9F%E6%80%8E%E4%B9%88%E6%A0%B7+%E5%80%BC%E5%BE%97%EF%BC%9F.png)
