LESS

配置步奏：

1. 安装 node    一般电脑已安装： C:\Users\24950\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Node.js
2. node 命令行 加载 less：   (安装有两种一个安装到项目里 --save参数，一种安装到全局 -g参数 )

               ① node -v                    ( 检测node是否安装 )

               ② npm -v                     ( 检测npm 是否安装)

               ③ npm install less -g    （下载less）

     3.   按照网上 webstrom less 配置流程走。 

                   

     

                 

          

设置 less 快捷键 —》setting -> keymap -> tool -> less -> css (alt+b)一键解读less

               

      

       4.  --no-color  -x  $FileName$

         -x :  表示压缩 css 文件。 设置了 -x, less编译css 会直接压缩代码 。

         

         非压缩css文件设置：       

               

     5.报错：

               ① less目录找不到

          

                C:\Users\24950\AppData\Roaming\npm\node_modules\less\bin\lessc

 

                自己新建  AppData ， Roaming   文件夹，将 npm 放到里面  

                ② webstrom 配置 less ， 只要设置 program 即可。

            

                    

              ③ webstrom  配置 less 报错，缺少模块：  

                        按照提示的错误在建新的目录： C:\Users\Touch-X\node_modules\less\bin\lessc

                         node_modules\less\bin\lessc       就在  npm  这个文件里，考出来就可以了。

                          

    

          6.less 的使用：  less文件编译后会有同名的css文件，html 直接引入这个 css 文件即可。