1-Win系统怎么安装Less以及怎么使用

 时间:2024-11-03 17:15:39

工具/原料

Win系统

客户端安装

1、LESS的安装和Sass安装有所不同,他不需要依赖于Ruby环境,就能直接安装使用。不过LESS安装分为两种:客户端和服务器端安装。2、我们可以直接在客户端使用“.less”(LESS源文件),只需要在官网载一个Javascript脚本文件主“less.js”,然后在我们需要引入LESS源文件的HTML的<head>中加入如图代码。3、需要注意的是:在引入“.less”文件中,“link”的“rel”属性要设置为“stylesheet/less”。还有更重要的一点需要注意的是:LESS源文件一定要在“less.js”引入之前引入,这样才能保证LESS源文件正确编译解析。

1-Win系统怎么安装Less以及怎么使用

2、单击【下载】

1-Win系统怎么安装Less以及怎么使用

4、下载完成后,按应用程序正常步骤安装。

1-Win系统怎么安装Less以及怎么使用

6、使用命令行代码,进入Node JS的.bin目录下。2、输入npm install less,开始安装。这样就安装完LESS的编译命令,可以在本地正常编译LESS源文件。如果您想下载最新稳定版本的LESS,还可以尝试在Node JS的Command控制面板输入:npm install less@latest

1-Win系统怎么安装Less以及怎么使用

2、打开DOS窗口,进入需要转译的less文件目录下,输入lessc style.less进行转译。如图结果,输出到了DOS窗口。

1-Win系统怎么安装Less以及怎么使用

4、转译成功如图。

1-Win系统怎么安装Less以及怎么使用
  • 如何使用Mockplus表格组件?
  • HTML教程 下拉列表的实现
  • div里面盒子重叠怎么看
  • jQuery动画效果制作
  • js常用的选项卡特效
  • 热门搜索
    如何下载电影到u盘 qq怎么换皮肤背景 怎么把隐藏的文件显示出来 诫勉谈话是什么处分 如何包饺子视频 洛阳理工学院怎么样 广州北京路怎么去 武汉生活网 如何注册网站 奶粉怎么冲最好