方法1.使用webstorm自带的less转css设置

(1)打开项目进去webstorm的设置

在原生前端html项目使用less(less自动转化为css文件)

 

(2)进入File Watcher设置  ==>  点击新增

在原生前端html项目使用less(less自动转化为css文件)

 

在原生前端html项目使用less(less自动转化为css文件)

 

选择less

在原生前端html项目使用less(less自动转化为css文件)

点击确定

在原生前端html项目使用less(less自动转化为css文件)

 

(3)这个时候在项目的css文件夹创建less文件,保存的时候会自动转化一个新的独立的同名css文件,html文件调用直接使用css后缀文件

 

在原生前端html项目使用less(less自动转化为css文件)

 

 

 在原生前端html项目使用less(less自动转化为css文件)

 

在原生前端html项目使用less(less自动转化为css文件)

 

 (4)样式生效

 在原生前端html项目使用less(less自动转化为css文件)

 

 

 

 

方法2.考拉应用(http://koala-app.com/)

此方法还没有使用,后续会更新

在原生前端html项目使用less(less自动转化为css文件)

 

相关文章:

  • 2021-10-06
  • 2022-02-13
  • 2021-07-28
  • 2019-09-27
  • 2022-02-08
  • 2021-10-06
  • 2022-12-23
  • 2022-01-16
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-01-13
  • 2022-12-23
  • 2022-01-18
  • 2022-12-23
相关资源
相似解决方案