在编译less文件时怎么编译出的css文件变空了
安装nodejs, http://nodejs.org/
打开CMD命令行工具, windows+R ==> 输入 cmd 回车
输入代码: npm install -g less 回车执行, 就会安装less工具
打开webStorm, File-->Settings-->Tools-->File Watchers
右边有一列, 找到一个"+"号的图标, 点击, 选中里面的"less", 看看是不是和下图一样, 不同版本的WebStorm可能会有区别, 这个是WebStorm 2016.1的版本截图
点击"OK", 应该就可以了
工具/原料
- 电脑
- hbuilder
方法/步骤
第一步骤,先安装hbuilder,然后通过Hbuilder新建一个项目,然后再次新建一个后缀名为less的文件。
如图,把less代码放在对应的后缀名为less的页面上即可,哈哈。
然后开始编译less文件,在less文件单击右键就会出现如图所示的菜单哦。
如图,这里一定要保存为css格式的才行哦,不然会出现错误的哦。
大概等待两秒,less文件就被编译完成了,文件夹内部多了一个css文件了哦。
打开浏览看看,l格式很正确,大家快去动手试试编译你的less文件吧,嘻嘻。
END
注意事项
- 有用就投票点赞分享,谢谢!
- 有啥不懂的都可以留言问我,我看到会回复的。
望采纳。
热门标签: