网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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以及怎么使用
© 海能知识库