Webstorm是一个很优秀的js IDE。今天打算学习less的时候,创建一个less文件后发现webstorm提示是否AddWatcher,点开后发现是一个自动编译less文件的工具,可惜不能直接使用,需要简单配置一下。
所有资料来自于
https://www.jetbrains.com/webstorm/help/transpiling-sass-less-and-scss-to-css.html。
洋洋洒洒一大坨,读起来有点费劲。实际操作了一下,发现简单的要命。
首先,你要装好node环境,没装的请自行百度。
1.View-ToolWindows-Terminal
2.输入 npm install -g less
搞定。
再次打开AddWatcher窗口,你就发现所有选项已经自动填好了。
less文件左边出现了一个小箭头,点开看到了css文件,完全同步。