游客您好
第三方账号登陆
Lv.7 版主
1683号会员,81活跃度,2020/05/16 加入学习
  • 14发帖
  • 14主题
  • 0关注
  • 0粉丝
这个人很懒,什么也没有留下。
最新推荐更多

[less开发] less环境的安装与搭建

[复制链接]
前端速报 发表于 2020-5-18 12:47:35 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
less环境的安装与搭建
Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。
安装:
第一步:
less需要运行在node.js的环境下,所以需要先安装node.js(底下链接给了node.js和less的安装文件和压缩文件,需要请自行下载,第一个为Windows安装包,第二个为苹果安装包)

image001.png

less环境的安装与搭建,慧之家

,验证电脑有没有安装好node.js只需要在cmd命令中输入
node -v
在显示版本号之后再输入以下
npm -v
也会显示相应的版本号,如图所示,即为安装成功。

image002.png

less环境的安装与搭建,慧之家

第二步:
安装less,安装less有两个方法,第一是在cmd命令中通过node包以全局方式来装,在cmd命令 中输入
npm install -g less
随即会下载安装,但是安装过程会稍稍有点慢,不建议这个方法。第二是直接复制相关的安装文件进入指定的文件夹即可(底下链接有对应文件,下载后复制即可),在下方链接里有个npm 的文件夹,点开文件夹会有如下几个文件

image003.png

less环境的安装与搭建,慧之家

把这几个文件全部复制。然后找到到C盘找到如下路径

image004.png

less环境的安装与搭建,慧之家

找到npm文件夹后点进去应该是没有内容或者是有个etc的文件夹的,我们把etc文件夹删掉,粘贴刚刚我们复制的那些文件进去即可,然后到cmd命令中输入
lessc -v
如果显示如下信息就说明安装成功。如图所示

image005.png

less环境的安装与搭建,慧之家

下载链接:
游客,如果您要查看本帖隐藏内容请回复


• 本内容来源互联网,如涉及版权问题请及时联系站长
• 为防止代码解析,除代码框内<>为正常,其余请重新替换<>尖括号

发布资源 快速回复 站点服务大厅 搜索 官方群